当前位置:   article > 正文

解决el-table切换分页的时候选项被清空_"表格数据变化el-table-column中type=\"selection\"被选的被清空了"

"表格数据变化el-table-column中type=\"selection\"被选的被清空了"
  • 用到的属性和方法说明

  • 要点:
  1.  给每行赋一个id做标识
  2. type="selection"的那一行添加一个 reserve-selection 属性,保留之前选中的数据
  3. 添加 @selection-change="handleSelectionChange" 这一个方法,把之前选中的数据存在一个数组中
  1. <template>
  2. <div>
  3. <el-table
  4. @selection-change="handleSelectionChange"
  5. row-key="id"
  6. :data="list"
  7. >
  8. <el-table-column label=" " :reserve-selection="true" type="selection"></el-table-column>
  9.    ......
  10. </el-table>
  11. </div>
  12. </template>
  1. <script>
  2. export default {
  3. data() {
  4. list: [
  5. {id: 1, name: '001'},
  6. {id: 2, name: '002'}
  7. ],
  8. objList: []
  9. },
  10. methods:{
  11. handleSelectionChange(val) {
  12. this.objList = val;
  13. }
  14. }
  15. }
  16. </script>

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/程序语言诗人/article/detail/62784
推荐阅读
相关标签