У меня есть следующий компонент, который я хочу разрешить пользователю редактировать определенное поле, 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
кажется странным.
Спасибо за ваш вклад.