- 问题:vue2使用element table后又使用dialog,弹出dialog后table所选的数据会丢失
- 原因:table的data使用了filter,slice等方法,去掉该方法后就没这个bug了
- 环境:vue2,前端写的分页
- 解决方法:把写在table的data上面的数据过滤写到计算属性里面
computed
- 部分代码
<el-table
:data="newwData"
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="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)
}
},
- 注意:前端写分页时,搜索数据重新获取数据后记得把分页数据还原回初始值