Vue v-bind如何工作

我有一个简单的Vue选择代码。Vue v-bind如何工作

<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=''？

来源

2017-10-19 wenus

[在线插值（'值=“{{ key}}“'）在Vue v2中删除]（https://vuejs.org/v2/guide/migration.html#Interpolation-within-Attributes-removed）。如果你在某个地方看过，你可以做到这一点，它指的是Vue v1。 – thanksd

@thanksd哦，上帝你是对的...所以在Vue 2中，只有v-bind仅适用于动态变化的charakters？像值，类或样式？ – wenus

V-绑定使属性动态化，你可以写两个v-bind:value="key"和:value="key"

不能在属性中使用attribute="{{}}"，让他们动态使用v-bind:attribute=""或:attribute=""

来源

2017-10-19 14:41:44

但是当我有动态属性时，我只能使用v-bind：属性。在Vue 2中没有属性：= {{}}。我对吗？ – wenus

有两种方法：v-bind：value =“”和：value =“”，两者都相同，：value =“”较短。 –

Vue v-bind如何工作

回答

相关问题