0


element-ui中的el-table实现分页多选功能

element-ui中的el-table实现分页多选功能

selection-change事件:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空)

一、分页多选

1.在el-table中添加 :row-key=“getRowKeys”

<el-table
      ref="form":model="form":row-key="getRowKeys"
      @selection-change="handleChange"></el-table>
getRowKeys(row){return row.id
},handleChange(selection){
    console.log(selection)}

2.然后第一列,即有多选框的一列,添加 :reserve-selection=“true”

<el-table-column type="selection":reserve-selection="true"></el-table-column>

链接: https://blog.csdn.net/qq_36157085/article/details/122922678

标签: ui javascript vue.js

本文转载自: https://blog.csdn.net/MISS_zhang_0110/article/details/130505168
版权归原作者 程序媛_MISS_zhang_0110 所有, 如有侵权,请联系我们删除。

“element-ui中的el-table实现分页多选功能”的评论:

还没有评论