起因是创建Modal编辑Table中的某个条目，Modal的数据直接引用对应TableData索引处的值，当我在Modal中修改数据时，神奇的是Table里的数据也跟着变了，关键是Modal关闭了之后，Table的数据也不会恢复（除非刷新），一想大概是双向绑定引起的问题
原先的写法很简单：
click: () => {
this.modalObject = this.tableData[params.index];
this.modalDisplay = true;
}
解决办法就是用JSON.parse/stringify兜一圈，生成临时变量干掉双向绑定：
click: () => {
this.modalObject = JSON.parse(JSON.stringify(this.tableData[params.index]));
this.modalDisplay = true;
}
起因是创建Modal编辑Table中的某个条目，Modal的数据直接引用对应TableData索引处的值，当我在M...
双向数据绑定 将DOM与Vue实例的data数据绑定到一起，彼此间互相影响。 数据的变化会引起DOM的改变 DOM...
Vue 1、vue解决了什么问题 解决了数据和控件双向绑定问题 2、MVVM的理解 MVVM是Model-View...
VUE的某些常见问题及解决方法 双向绑定数据，界面未渲染？ 最近做vue项目的过程中，经常碰到会有双向绑定数据，d...
原理 1.vue双向数据绑定是通过 数据劫持 结合 发布订阅模式 实现的，数据和视图同步，即数据发生变化，视图跟着...
Vue的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。 这个功能其实和单向数据流规范不一...
双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流，不是双向绑定 Vue 的双向绑定是语法糖 ...
Vue2.0实现双向绑定 所谓的双向数据绑定主要是mvvm设计模式中数据层(m)和视图层(v)的同步应用,在写入数...
一、什么是双向数据绑定 双向数据绑定是Vue的核心功能之一。所谓双向数据绑定是指：HTML标签上的数据绑定到Vue...
Vue实现数据双向绑定的原理：Object.defineProperty（）vue实现数据双向绑定主要是：采用数据...
本文标题：Vue解决双向绑定引起数据同步变化的问题
本文链接：https://www.haomeiwen.com/subject/bouxvltx.html
网友评论