点击某行的操作栏中的禁用操作,并且自定义提示信息,确认后调用接口

当我们不需要勾选某行列表而是直接在操作栏进行禁用操作时,首先在操作栏中添加禁用按钮,给按钮绑定点击事件,将整行的信息传递进去
在这里插入图片描述

// 这里的item是列表遍历v-for="item in list"得到的整行信息
// state == 1表示启用状态
<a v-if="item.state == 1" class="iconfont font_do" href="javascript:;" title="禁用" @click="close(item)">&#8855;</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();
	}
}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值