table的选中事件 @selection-change="handleSelectionChange"
<el-table :data="tableData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable='checkboxT'></el-table-column>
<el-table-column type="index" label="序号" width="50"></el-table-column>
<el-table-column align="center" prop="type" label="推送类型" width="160" :formatter="pushTypeF"></el-table-column>
<el-table-column align="center" prop="type" label="系统业务编号" width="160"></el-table-column>
<el-table-column align="center" prop="type" label="业务系统科目名称" width="160"></el-table-column>
<el-table>
在表格初始化时,设置selectable属性,回掉参数为(row,index)row为本条记录内容,index为第几条记录 该方法只在复选框一项生效。
methods:{
checkboxT(row,index){
if (row.status == 1) {
return false
}else{
return true
}
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
}