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

Question

el-table

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

代码如下

  <el-table :data="tableData" border style="width: 100%;margin-top:20px;" 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="./images/suo.png" v-else />
              </template>
            </el-table-column>
            </el-table

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

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

Answer 1

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