【Vue】elementui-table "handleSelectionChange"多选的方法无法执行，求解！

el-table

【Vue】elementui-table

首列 table根绝tableData 返回的 rowLocked 来判断状态，如果是1 则显示带锁的图标，本行不能被选中，如果不等式1 则显示是selection的效果 可以被选中删除

代码如下

  <el-table :data="tableData" border v-loading="loading" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55">
<template slot-scope="scope">
<el-checkbox
v-if="scope.row.rowLocked !==1"
/>
<img class="lockImg" src="https://segmentfault.com/q/images/suo.png" v-else />
</template>
</el-table-column>
</el-table

如上的效果 method里面的 handleSelectionChange 是不执行的

但是如果把template里面的内容去掉 是可以正常执行的，但是就没有带锁的图标了，想要实现带锁跟不带锁两种状态，有可是实现多选，要怎么处理

回答

解决1！！！！！！！！！

以上是 【Vue】elementui-table "handleSelectionChange"多选的方法无法执行，求解！ 的全部内容， 来源链接： utcz.com/a/79478.html

回到顶部