iview table on-select-cancel不生效

Question

<Table :columns="menuColumn" :data="menuTreeData"
:highlight-row="false"
:stripe="true"
@on-select-cancel="cancelCheckModule">
</Table>

表格去掉勾选之后一直无法进入on-select-cancel的回调方法cancelCheckModule

Answer 1

通过给 columns 数据设置一项，指定 type: 'selection'，即可自动开启多选功能。

给 data 项设置特殊 key _checked: true 可以默认选中当前项。

给 data 项设置特殊 key _disabled: true 可以禁止选择当前项。

正确使用好以下事件，可以达到需要的效果：

    @on-select，选中某一项触发，返回值为 selection 和 row，分别为已选项和刚选择的项。
    @on-select-all，点击全选时触发，返回值为 selection，已选项。
    @on-selection-change，只要选中项发生变化时就会触发，返回值为 selection，已选项。

看看你是不是没有设置这个 type（data每个数据添加一个这个属性）

Answer 2

多选模式生效

Answer 3

试试用这个 on-selection-change 只要选中项发生变化时就会触发，里面就有:data="menuTreeData" 所有选中的数据

Answer 4

<Table  width="550" height="200"  :columns="columns2" :data="data4"  @on-select-cancel="printCancel"></Table>

methods:{
          printCancel(selection,row){
            console.log(selection,row)
          }
        }

试了一下，没问题，能接收到

Answer 5

请问一下 这个问题解决了?因为我也有这个问题。设置了type。
waitPersonCol: [{

        type: 'selection',
        width: 30,
        align: 'center'
      },
      {
        title: '待选人员列表',
        key: 'name'
      }
    ],
     <Table height="360" :columns="waitPersonCol" :data="waitPersonData" @on-select-all-cancel='waitPersonCancelAll' @on-select-cancel='selectCancel'
      @on-selection-change="selectionChange" :loading='loadingWait' ></Table>
      
      
      
      以上的话on-selection-change是会触发的  但是@on-select-all-cancel不会触发（当我点击全选去全部取消得时候）
      xx谢谢