//百度自动推送 //阿里妈妈联盟


微信小程序常用的两个弹框(showToast和showModal)提示

  • 内容
  • 相关

在小程序会经常使用到弹窗提示,比如说加载失败、没有数据等一些提示用户,就我自己也经常用小程序自带的弹窗提示,wx.showToast(OBJECT)和wx.showModal(OBJECT)。下面来讲解下这两个弹窗的用法,其实文档上写的也很明白!

1、wx.showToast(OBJECT)使用方法,完整代码就如下代码,但是一般都不用写那么全,就基本上用前三个或四个


wx.showToast({
  title: '提示文字',
  icon: 'success', //有三种,success、loading、none,前两个显示图标,none不显示图标
  duration: 2000,
  success: function(res) {
    console.log(res.tapIndex)
  },
  fail: function(res) {
    console.log(res.errMsg)
  },
  complete:function(res) {
    console.log(res.errMsg)
  }
})


showToast主要是提示的作用,我一般都和setTimeout合用,提示成功后进行自动进行一些操作,如下代码的意思是:成功提示1500毫秒后,2000毫秒会自动跳转到pages/index/index页面。


wx.showToast({
  title: '提示文字',
  icon: 'success', //有三种,success、loading、none,前两个显示图标,none不显示图标
  duration: 1500,
  success: function(res) {
   setTimeout(function() {
      wx.navigateTo({   
         url:"/pages/index/index"
      })
   }, 2000);
  },


2、wx.showModal(OBJECT)常用于操作提示,比如删除、取消之类的,一般是确认和取消,但是这文字都是可以变的,


wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success(res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})


本文标签:

版权声明:若无特殊注明,本文皆为《韩俊》原创,转载请保留文章出处。

本文链接:微信小程序常用的两个弹框(showToast和showModal)提示 - http://www.vipshare8.com/wechat/197.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注