@Horus123

Как изменить значение строки в компоненте?

Родительский компонент отрисовывает дочерний:
newString(v-for='(item, index) in stringslist.' 
                :key='item.id' 
                :info='item' 
                @delete-string="deleteString(index)"


Значения берёт из массива stringslist. В массиве объекты со значением name.

Дочерний компонент
.example__wrapper
            .example__name(v-if="!changeName") {{info.name}}
            .example__name_change(v-else)
            ul.example__actions
                li.example__edit edit
                li.example__delete(@click="removeCell") delete

changeName: false


Как добавить метод изменения дочернего компонента, если массив создан в родительском компоненте.
Получил и добавил значение в массив в родителе, а теперь нужно изменить в дочернем и передать обратно в родительский массив.
С удалением разобрался, а вот изменить значение не получается.
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
notiv-nt
@notiv-nt
Как ваше ничего? Да, моё тоже
PUG, господи как хорошо что я с него свалил, какой ужас, как вы с ним живёте? -_-

вниз (parent->child) прокидываются props,
вверх (child>parent) события

по этому добавьте change event

newString(v-for='(item, index) in stringslist.' 
                :key='item.id' 
                :info='item' 
                @delete-string="deleteString(index)"
                @change="onChange(index, $event)"


и пусть дочерний посылает наверх событие изменения данных, а в родительском меняйте, дальше они сами обновятся
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы