微信小程序 确认框的实现(附代码)
更新时间:2019年07月23日 11:23:15 作者:返回主页 挑战者V
这篇文章主要介绍了微信小程序 确认框的实现(附代码),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
效果图如下:

核心代码如下:
delType:function(e){
var typeId = e.currentTarget.dataset['id'];
console.log("delete:"+typeId)
wx.showModal({
title: '提示',
content: '确认要删除该支出类型?',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
wx.request({
url: getApp().globalData.urlPath + "spendingType/delete",
method: "POST",
data: {
typeId: typeId
},
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
success: function (res) {
console.log(res.data.code);
if (res.statusCode == 200) {
//访问正常
if (res.data.code == "000000") {
wx.showToast({
title: "删除成功,返回支出类型列表",
icon: 'success',
duration: 3000,
success: function () {
wx.navigateTo({
url: '../type/type'
})
}
})
}
} else {
wx.showLoading({
title: '系统异常',
fail
})
setTimeout(function () {
wx.hideLoading()
}, 2000)
}
}
})
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
wxml代码如下:
<text bindtap='delType' data-id="{{item.typeId}}">删除</text>
data-id相当于绑定对应的值,比方说你是根据id来删除对应的数据。
bindtap,即绑定事件。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
这篇文章主要介绍了推荐三款日期选择插件,My97DatePicker、用于PC端的jquery.datepicker,以及专注于移动端的Mobiscroll,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-04-04


最新评论