当前位置:   article > 正文

element ui el-table分页多选功能失效

element ui el-table分页多选功能失效

编写 项目是遇到一个坑:selection-change:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空)

一、在el-table中
  1. // 添加 :row-key= "id"
  2.  <el-table row-key="id"
  3. :data="tableData"
  4. @selection-change="handleSelectionChange">
  5. </el-table>


二、在el-table-column中
  1. /**设置 type=“selection” 并且设置 :reserve-selection=“true” **/
  2.  <el-table-column
  3. type="selection"
  4. align="center"              
  5. :reserve-selection="true">
  6.   </el-table-column>

添加上述刷新重试即可

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