在微信小程序开发常用的两个弹框(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('用户点击取消')
}
}
})
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下