element 打开dialog弹出后会取消table选择的数据

本文主要是介绍element 打开dialog弹出后会取消table选择的数据，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• 问题：vue2使用element table后又使用dialog，弹出dialog后table所选的数据会丢失
• 原因：table的data使用了filter，slice等方法，去掉该方法后就没这个bug了
• 环境：vue2，前端写的分页
• 解决方法：把写在table的data上面的数据过滤写到计算属性里面computed
• 部分代码

<el-table:data="newwData"style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table>
//data(){
return{page:{data:[],page:1,limit:9999,}}},computed:{newwData(){return this.page.data.slice((this.page.page - 1) * this.page.limit, this.page.page * this.page.limit)}},

• 注意：前端写分页时，搜索数据重新获取数据后记得把分页数据还原回初始值

这篇关于element 打开dialog弹出后会取消table选择的数据的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---