今年开始学习vue+element实现后台开发,在实现批量删除功能时有2个小知识点记录在下:
1、如何实现单击行交替选中当前行的复选框,element官网的table实例中没有找到。——通过row-click和toggleRowSelection实现
2、如何获取选中行的值来实现批量删除。——通过selection-change实现
代码如下
html:
rush:xhtml;">
cpsProductId" label="商品ID" width="200">
图片" width="200">
cope="data1">
cope="scope">
cope.row.id)">编辑
cope.row.id)">删除
disabled="this.sels.length === 0">批量删除
js:
rush:xhtml;">
以上这篇vue+element实现批量删除功能的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。