微信小程序确认框的实现（附代码）

最新推荐文章于 2023-11-03 14:46:41 发布

暮　色

最新推荐文章于 2023-11-03 14:46:41 发布

阅读量3.8k

点赞数 1

分类专栏：前端 html5 文章标签： html5 前端

本文链接：https://blog.csdn.net/infotw/article/details/97004864

版权

本文展示了如何在微信小程序中实现确认框，提供了一段包含wxml代码的示例，强调了data-id用于绑定删除操作，并提到了bindtap事件处理。同时，作者推荐了一个前端学习交流群。

摘要由CSDN通过智能技术生成

效果图如下:
在这里插入图片描述

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({