есть таблица с списком данных. Внутрненние элементы таблицы - это компонент (т.е. ячейки). В которые через v-for + props прокидываються данные. В дефолтном состоянии все ок - только для просмотра. Но возле каждой записи в конце есть кнопка "Редактировать". При нажатии на неё необходимо превратить внутренние элементы строки в инпут (для возможности редактирования). Эти данные я подвязываю через v-model + v-if (т.е. изначально стейт для редактирования стоит false и инпуты не показаны). При нажатии на кнопку - во всех компонентах этого типа меняется этот параметр и "все возможно редактировать". Я почему-то думал, что внутри каждого компонента есть свой экземпляр. Каким образом подобное можно обойти? (Т.е. чтобы именно для этого компонента изменились данные а не для всех)
Тут также второй вопрос, насколько адекватное решение выводить рядом с текстовыми данными скрытые инпуты, которые информацию через v-model записывают? Каким образом лучше сделать "резервацию" данных перед изменением? Т.е. когда я получил данные с json - перед изменением записать данные на всякий случай в переменную отдельную, чтоб, если что-то изменили, но кнопку сохранить не нажали (а через v-model данные изменяються реактивно) то перезаписать данные с переменной?
Вы задаете каждому элементу key уникальный?
Обсуждают сегодня