v-model动态绑定未知属性

问题描述:使用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]"/>

可灵活设置响应属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容