См. лазурную ссылку для встроенного кода и ссылка github для исходного кода. Чтобы объяснить сценарий, у меня есть q-datatable от Quasar Framework. Поскольку у меня есть вложенные данные, я заполняю первичные данные в сворачиваемом цикле for, а вторичные данные в содержимом сворачиваемого как объекта данных. На странице также есть переключатель Режим редактирования / просмотра чуть ниже фильтров справа. Я отформатировал столбцы таблицы данных для отображения q-input в режиме редактирования и только текста в режиме просмотра. Выполните следующую операцию, чтобы воспроизвести ошибку. Шаги 5 и далее - это шаги, вызывающие неожиданное поведение.
- Разверните одну из строк на ссылке (открыть в новом окне вручную).
- Переключите переключатель «Редактировать / Просмотр», который находится чуть ниже фильтров.
- Пробуем редактировать любую строку. Наблюдаемый результат: значения сохраняются в текстовых полях при выходе из фокуса, а также в ярлыках, когда режим страницы изменяется обратно на режим просмотра.
- Добавьте новую строку, нажав кнопку «Добавить», расположенную чуть ниже заголовка строки.
- Попробуйте ввести любое текстовое поле во вновь добавленной строке и перейти к текстовому полю ext. Наблюдаемый результат: значения не сохраняются в текстовом поле и не отображаются в ярлыках при переходе в режим просмотра.
- Измените режим обратно на режим просмотра, а затем обратно в режим редактирования. Наблюдаемый результат: значения отображаются в текстовых полях в режиме редактирования, но не в режиме просмотра.
- Добавьте новую строку. Наблюдаемый результат: теперь значения ранее добавленных строк отображаются как в режиме редактирования, так и в режиме просмотра.