# table 触发 switch 选择切换事件
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16