Element-ui 中table 默认选中 toggleRowSelection

一.toggleRowSelection

查看官网

toggleRowSelection(row, selected)接受两个参数,row传递被勾选行的数据,selected设置是否选中

注意:调用toggleRowSelection这个方法 需要获取真实dom 所以需要注册 ref 来引用它 

二.操作

(一).默认选中

1.当数据源固定在table的



(二).点击tr选中

1.在table中设置 @row-click="handleCurrentChange"

row-click  点击行事件



(三).获取选中的值

1.设置table 中@selection-change="selsChange"

2.data 中设置sels:[]



三.案例

1.table tr 点击 复选框选中  再次点击 复选框取消选中

①设置一个全局函数

exports.install = function (Vue, options) {
    //删除数组 指定的元素
    Vue.prototype.removeByValue=function(arr, val){
        for(var i=0; i
②table.vue



Element-ui 中table 默认选中 toggleRowSelection_第1张图片

参考:Element 默认勾选表格 toggleRowSelection



你可能感兴趣的:(Element-ui,中table,选中,Element-ui,中table,默认选中)