Question

我在Vue中有一个简单的select代码。

 <select class="form-control"v-model="complaint.no_document_reason">
     <option v-for="(value, key) in noDocReason" v-bind:value="key">{{ value }} </option>  
 </select>

我想知道为什么只有在我添加v-bind:value='key'时它才有效，但是当我想添加:value ='{{key}}'时，我就不会这样做。

我的问题是为什么？我在文档中读到它应该以我的两种方式工作。有人可以解释一下我为什么要在这里使用v-bind代替value=''？

Answer 1

v-bind使属性动态化，您可以同时编写v-bind:value="key"和:value="key"

您无法在属性中使用attribute="{{}}"来动态使用v-bind:attribute=""或:attribute=""

Vue v-bind如何工作

1 个答案: