vue v-model带变量名

在Vue中，可以使用v-model指令来实现双向数据绑定。v-model指令绑定的变量名可以是对象属性或动态生成的对象属性。如果要绑定的变量名本来不是对象的属性，需要将其作为对象的属性名来进行绑定。

例如，如果要将一个对象的name属性与v-model绑定，可以使用以下方式：

<input v-model="obj.name" />

其中，obj是一个对象，name是obj的属性。

如果要动态引入obj对象的name属性，可以使用v-for指令来遍历items数组，如下所示：

<div>
  <input v-for="(item, index) in items" :key="index" :type="item.type" :placeholder="item.placeholder" v-model="obj[item.VM]" />
</div>

在这个例子中，items是一个数组，每个元素都包含一个type、placeholder和VM属性。VM属性是一个变量名，可以用来动态引入obj对象的属性。

请注意，要正确使用v-model，需要确保绑定的变量名存在于对象中，以实现双向数据绑定。如果直接将v-model绑定到items数组的对象属性item.VM上（如您之前的错误做法），是无法实现双向绑定的。
<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue 在v-for 中使用v-model绑定变量](https://blog.csdn.net/weixin_45925443/article/details/108495228)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]