实现效果:
此处为删除的二次确认示例,点击删除按钮时出现该提示,该提示写在js script中。
实现方式:
通过uni.showModal进行提示,success为确认状态下的操作自定义,此处调用后端接口进行了删除操作,可根据个人需求灵活操作。
说明:在删除后重新调用刷新页面的方法时会改变this指向,故将that指代this.
// 列表中的删除
deleteData(row) {
const that = this;
uni.showModal({
title: '提示',
content: '确定删除该数据吗?',
success: function(res) {
if (res.confirm) {
deleteByIdsr([row.id]).then((res) => {
if (res.code == 200) {
uni.showToast({
title: res.message,
icon: "success",
duration: 2000,
});
that.getListData(); // 刷新页面
}
});
}
},
});
},