selection-change事件:當(dāng)選擇項(xiàng)發(fā)生變化時(shí)會(huì)觸發(fā)該事件(當(dāng)分頁切換時(shí),選中的數(shù)據(jù)都會(huì)自動(dòng)清空)文章來源:http://www.zghlxwxcb.cn/news/detail-581482.html
一、分頁多選
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文章來源地址http://www.zghlxwxcb.cn/news/detail-581482.html
到了這里,關(guān)于element-ui中的el-table實(shí)現(xiàn)分頁多選功能的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!