Ребят, вопрос по bootstrap-vue. Можно ли как то отключить реактивность

Question

Ребят, вопрос по bootstrap-vue. Можно ли как то отключить реактивность

в таблице b-table? Есть модалка и при открытии редактирую поля. Так вот в самой таблице тут же данные заменяются, а мне этого не надо. Спасибо

#frontend #javascript #programming #russian #vue.js

0

12.01.2021

12 ответов

18 просмотров

Rustam 👨🏻‍💻 Автор вопроса

Nataliia Shyianovska
но при закрытии должно измениться?

При нажатии кнопки "сохранить" в той же модалке. Это уже реализовано)

0

12.01.2021

Dmitriy Gololobov

Чтобы данные в основной переменной не менялись, надо делать отдельную переменную для окна редактирования, в которую скопируются нужные для редактирования данные. А при сохранении данные перенесутся обратно и/или на сервер

0

12.01.2021

Rustam 👨🏻‍💻 Автор вопроса

Dmitriy Gololobov
Чтобы данные в основной переменной не менялись, на...

Только так? Я просто где то видел якобы можно реактивность отключить или что то подобное) Недавно прост во вью)

0

12.01.2021

Nataliia Shyianovska

Rustam 👨🏻‍💻
При нажатии кнопки "сохранить" в той же модалке. Э...

да все верно нужна копия данных

0

12.01.2021

Rustam 👨🏻‍💻 Автор вопроса

Nataliia Shyianovska
да все верно нужна копия данных

Я примерно такое сделал уже. Создаю копию данных при mounted. Это я делал для фичи, что б при нажатии в модалке отмена или просто при его закрытии возвращались данные ДО ввода.

0

12.01.2021

Nataliia Shyianovska

Rustam 👨🏻‍💻
Я примерно такое сделал уже. Создаю копию данных п...

ну может вы неправильно создаете? как ссылку а не как новый обьект/арей что у вас там

0

12.01.2021

Rustam 👨🏻‍💻 Автор вопроса

Dmitriy Gololobov
Чтобы данные в основной переменной не менялись, на...

Скорее всего это самый правильные вариант

0

12.01.2021

Dmitriy Gololobov

Rustam 👨🏻‍💻
Скорее всего это самый правильные вариант

да. data: function () { return { tableData: [ { id: 1, text: 'row 1' }, { id: 2, text: 'row 2' }], editableObject: {}, editableIndex: 0, showEditModal: false, } }, methods: { editRow(row, index) { this.editableIndex = index this.editableObject = row this.showEditModal = true }, saveRow () { this.tableData.splice(this.editableIndex, 1, this.editableObject) this.showEditModal = false } } Примерно так Ну там вариации разные могут быть

0

12.01.2021

Rustam 👨🏻‍💻 Автор вопроса

Dmitriy Gololobov
да. data: function () { return { tableDa...

Благодарю, попробую 🤝

0

12.01.2021

Алексей Александрович

Rustam 👨🏻‍💻
Благодарю, попробую 🤝

Object.freeze также удаляет реактивность, если что 👌

0

12.01.2021