微信开发弹窗四种方法

bst@微胖子

已于 2024-04-25 17:35:47 修改

阅读量3.2k

点赞数 1

分类专栏： JS + Vue 文章标签： javascript

于 2020-12-22 11:57:09 首次发布

原文链接：https://jingyan.baidu.com/article/456c463b38ca900a5831449a.html

版权

JS + Vue 专栏收录该内容

54 篇文章 1 订阅

订阅专栏

零、前端弹窗开发，本人项目使用第二种

第二种：不带确定和取消的，直接提示成功

代码：

wx.showToast({

     title: '成功',

     icon: 'success',

     duration: 2000//持续的时间

   })

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

第一种：弹出提示框，可以选择确定或者取消。

代码：

 wx.showModal({

     title: '提示',

     content: '这是一个模态弹窗',

     success: function (res) {

       if (res.confirm) {//这里是点击了确定以后

         console.log('用户点击确定')

       } else {//这里是点击了取消以后

         console.log('用户点击取消')

       }

     }

   })