Канонический способ установить v-модель (@input /: value) для определенного свойства объекта в элементе массива? - PullRequest
0 голосов
/ 06 февраля 2020

У меня есть следующий компонент, который я хочу разрешить пользователю редактировать определенное поле, myString. Этот объект находится в someArray, и я хочу, чтобы они только редактировали этот конкретный индексированный элемент.

Для достижения этой цели необходимо выполнить следующие действия:

  <v-text-field
    :label="'Label'" 
    @input="$set(config.someArray,0,{...config.someArray[0],myString:$event})"
    :value="config.someArray[0].myString"
  >
  </v-text-field>

($event - это выходное значение из событие ввода в этом случае.)

Но мне интересно, нормально ли в этом случае использование $ set, и мне не особо нравится использовать {...config,myString}.

Мне интересно, есть ли лучший способ - возможно, рекомендуемый способ действительно установить [0] для нового объекта из data()? В моем случае мне это не нужно, но если бы я хотел сделать это с каждым элементом массива, то, кажется, трудно сделать это и так.

Редактировать:

Кажется, что это может быть

  <div v-for="(find, index) in config.someArray">
    <input v-if="index===0" v-model="find.myString" :key="index">
  </div>

Но v-for кажется странным.

Спасибо за ваш вклад.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...