vue动态绑定模型失败

比如说

当前这个vue组件下有一个变量key的值为tel,我想让一个input组件根据这个key值的不同,绑定到不同的变量上,比如说key为tel这个字符串的时候,绑定到'create.form.'+key也就是绑定到create.form.key上。这就是动态绑定。请问一下vue中可以实现这种绑定吗?

<Input :v-model="'create.form.'+a"></Input>

其中a是'tel'

甚至是

<Input :v-model="'create.form.tel'"></Input>

绑定之后,实际修改create.form.tel这个数据,并没有反映在input输入框中,说明没有绑定上,请问一下原因是什么呢?vue不允许这样绑定吗?


开满天机
浏览 585回答 4
4回答

跃然一笑

这个问题可以用computed,以下代码&nbsp; <input v-model='com'>&nbsp; data () {&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; type: 'a',&nbsp; &nbsp; &nbsp; form: {&nbsp; &nbsp; &nbsp; &nbsp; a: 123,&nbsp; &nbsp; &nbsp; &nbsp; b: 321&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; },&nbsp; computed: {&nbsp; &nbsp; com () {&nbsp; &nbsp; &nbsp; return this.form[this.type]&nbsp; &nbsp; }&nbsp; },&nbsp; created () {&nbsp; &nbsp; setTimeout(() => {&nbsp; &nbsp; &nbsp; this.type = 'b'&nbsp; &nbsp; }, 1000)&nbsp; }(为什么想动态改键而不是动态改值?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript