switch开关回显及修改方法
{
title: "操作",
key: "id",
align: "center",
render: (h, params) => {
let _this = this;
return h('div', [
h('i-button', {
props: {//按钮大小类型
size: 'small',
type: 'text',
},
on: {
click: () => {
_this.clickfun(params)
},
}
}, '删除'), h('i-switch', {
class: 'td_switch',
props: {
value: params.row.enabledState,
'true-value': 1,//开启值
'false-value': 0,//关闭值
size: 'large'
},
on: { //操作事件
input: function (event) {
if (event) {
params.row.enabledState = 1
} else {
params.row.enabledState = 0
}
},
'on-change': function (value) {
let param = {
id: params.row.id,
enabledState: params.row.enabledState
}
//修改后请求方法
}
},
scopedSlots: {
open: () => h('span', '开启'),
close: () => h('span', '关闭')
}
})
])
}
}