美文网首页
v-model动态绑定未知属性

v-model动态绑定未知属性

作者: 戚子宇 | 来源:发表于2021-02-02 15:20 被阅读0次

问题描述:使用v-model动态绑定未知属性
当前调研结果:不能在根级添加响应式属性
当前解决方法:

data(){
     return {
         fields: {}
    }
}

动态添加响应式属性

this.$set(this.fields, 'name', '')
this.$set(this.fields, 'age', 18)
this.$set(this.fields, 'gender', 1)

绑定

<input type="text" name='"name" v-model="fields[index]"/>
<input type="text" name='"age" v-model="fields[index]"/>
<input type="text" name='"gender" v-model="fields[index]"/>

可灵活设置响应属性

相关文章

网友评论

      本文标题:v-model动态绑定未知属性

      本文链接:https://www.haomeiwen.com/subject/bvsytltx.html