当我们不需要勾选某行列表而是直接在操作栏进行禁用操作时,首先在操作栏中添加禁用按钮,给按钮绑定点击事件,将整行的信息传递进去
// 这里的item是列表遍历v-for="item in list"得到的整行信息
// state == 1表示启用状态
<a v-if="item.state == 1" class="iconfont font_do" href="javascript:;" title="禁用" @click="close(item)">⊗</a>
在方法中自定义提示信息
methods: {
close:function(item){
var vm = this,
closeB,
url = basicUrl.url+"/xxx/sss";
// 这里使用box.dialog方法前一定要注意require中是否引入了box
closeB = box.dialog({
title: '禁用',
content: '确定要禁用 '+item.name+' 吗?',
ok: function () {
/*请求数据*/
$.ajax({
type: 'post',
dataType: 'json',
url: url,
data: {id:item.id},
success: function(res){
box.popAlert('操作成功');
setTimeout(() => {
vm.search();
}, 1500);
},
error: function(){}
});
},
cancel: function(){
this.close().remove();
},
okValue: '确定',
cancelValue: '取消'
}).showModal();
}
}