如何在v-model或：value中使用变量

Question

我在组件中使用v-model，我想动态更新v-model以指向一个对象。

我有一个组件，它是一个表单，我想使用v-model或：value来预填充输入。

我通过道具插入数据，我从点击事件中获取childId，然后使用信息填充它们。即：<input type="text" class="form-control" id="child_name" v-model="children.child1.name">

我需要将child_1更改为变量，因此它可能是child_1或2或3或4.我已经尝试将其替换为断开流动的字符串变量。任何想法如何解决这个问题？我以前经常在Vue中使用变量，但从不使用v模型或值。

我正在使用此示例数据：

childId: child_1

  children: {
      child_1: {
        id: 'child_1',
        name: 'Ruth Ann Morgan',
        gender: 'female',
        birth_year: '1999',
        parentage: 'our_child',
        dependency: 'not_dependent'
      },
      child_2: {
        id: 'child_2',
        name: 'James Nico Morgan',
        gender: 'male',
        birth_year: '2012',
        parentage: 'our_child',
        dependency: 'is_dependent'
      }
  },

Answer 1

你可以尝试：

v-model="children[childId].name"

只需确保childId等于children对象中的有效密钥，否则您将收到错误。