Как использовать переменную в v-модели или: значение - PullRequest
Новая
       5

Как использовать переменную в v-модели или: значение

0 голосов
/ 14 мая 2018

Я использую v-модель внутри компонента и хочу динамически обновить v-модель, чтобы она указала на объект.

У меня есть компонент, который является формой, и я хочу использовать v-модель или: значение для предварительного ввода данных.

Я вставляю данные через опору и получаю 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'
      }
  },

1 Ответ

0 голосов
/ 14 мая 2018

Вы можете попробовать: 

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

Просто убедитесь, что childId соответствует действительному ключу в объекте children, иначе вы получите ошибку.

...