【Vue】iview render函数渲染出来的按钮如何根据标识控制

Z时代
2024-01-10
分类：技术分享

1、默认启用，显示停用按钮
2、点击停用，成功后停用按钮变成启用按钮
3、点击启用，成功后启用按钮变成停用按钮

如何通过判断来实现呢？

{title:'操作',key:'action',width:250,align: 'center',render:function(h,params){
return h('div', [
h('Button', {
props: {
type:'primary',
size:'small'
},
style: {
marginRight:'8px'
},
on:{
click:function(){
mSet.ableGrade(params.row);
}
}
}, '启用'),
h('Button', {
props: {
type:'info',
size:'small'
},
style: {
marginRight:'8px'
},
on:{
click:function(){
mSet.disableGrade(params.row);
}
}
}, '停用'),
h('Button', {
props: {
type:'warning',
size:'small'
},
style: {
marginRight:'8px'
},
on:{
click:function(){
mSet.editGrade(params.row);
}
}
}, '编辑'),
h('Button', {
props: {
type:'error',
size:'small'
},
on:{
click:function(){
mSet.singleDel(params.row,params.index);
}
}
}, '删除')
]);
}}