# table 触发 switch 选择切换事件

An image

onInit() {
 this.columns.forEach(row => {
        if (row.field == "Enable") {
          //强制设置为编辑列,类型为switch
          row.edit = { type: "switch", keep: true };
          //手动绑定数据源
          //如果设置key的字典编号,data设置空数组会自动绑定数据源
          row.bind = { key: "enable", data: [{ key: 0, value: '禁用' }, { key: 1, value: '启用' }] };
          //绑定switch切换事件
          row.onChange =  (options, row, _columns, status)=> {
            //在此处可以将数据提到后台处理
            this.$message.info(status ? "true" : "false");
          }
        }
  })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16