vue动态绑定模型失败

Question

比如说

当前这个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不允许这样绑定吗？

Answer 1

直接v-model="create.form.tel" 不要用冒号

<input v-model="something">

其实只是

<input
  v-bind:value="something"
  v-on:input="something = $event.target.value">

的语法糖

Answer 2

这个问题可以用computed，以下代码

  <input v-model='com'>
  data () {
    return {
      type: 'a',
      form: {
        a: 123,
        b: 321
      }
    }
  },
  computed: {
    com () {
      return this.form[this.type]
    }
  },
  created () {
    setTimeout(() => {
      this.type = 'b'
    }, 1000)
  }

（为什么想动态改键而不是动态改值？

Answer 3

你这样子实际上绑定到一个字符串去了

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

Answer 4

没有这指令,而且为什么你input要大写啊？