按鈕就不說了,主要是表單組件,要實現雙向綁定,話不多說直接上代碼
{
title: '狀態',
key: 'state',
render: (h, params) => {
return h('div', [
h('i-switch', {
props: {
size: 'small',
trueValue: 1,
falseValue: 0,
value: params.row.state
},
on: {
input: function (event) {
// 這裏會起到監聽的作用
params.row.state = event
},
'on-change': (value) => {
this.$Modal.confirm({
title: '是否' + (value ? '啓用' : '停用') + '?',
content: '<p>此項目將會被' + (value ? '啓用' : '停用') + '!</p>',
onOk: () => {
},
onCancel: () => {
if (params.row.state === 1) {
params.row.state = 0
} else {
params.row.state = 1
}
}
})
}
}
})
])
}
}