微信小程序之几种常见的弹框提示信息实现详解


Posted in Javascript onJuly 11, 2019

一、模态窗口

delete(){
  wx.showModal({
   title: '',
   content: '是否确认删除',
   success(res) {
    if (res.confirm) {
     console.log('用户点击确定')
    } else if (res.cancel) {
     console.log('用户点击取消')
    }
   }
  })
 }

微信小程序之几种常见的弹框提示信息实现详解

二、提示你想提示的信息

提示你想提示的信息

wx.showToast({
 title: '成功',
 icon: 'success',
 duration: 2000
})

注意

  • wx.showLoading 和 wx.showToast 同时只能显示一个
  • wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

wx.showLoading({
 title: '加载中',
})

setTimeout(function () {
 wx.hideLoading()
}, 2000)

四、 wx.showActionSheet(OBJECT)

wx.showActionSheet({
 itemList: ['A', 'B', 'C'],
 success: function(res) {
  console.log(res.tapIndex)
 },
 fail: function(res) {
  console.log(res.errMsg)
 }
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
jQuery最佳实践完整篇
Aug 20 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
Angularjs 事件指令详细整理
Jul 27 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
May 16 Javascript
JavaScript中callee和caller的区别与用法实例分析
Jun 28 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 #jQuery
vue项目中实现缓存的最佳方案详解
Jul 11 #Javascript
浅入深出Vue之组件使用
Jul 11 #Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 #Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 #Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 #Javascript
Vue 子组件与数据传递问题及注意事项
Jul 11 #Javascript
You might like
PHP新手上路(九)
2006/10/09 PHP
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
jquery常用操作小结
2014/07/21 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
详解Document.Cookie
2015/12/25 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
[01:04:02]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第二场 1月24日
2021/03/11 DOTA
Python中splitlines()方法的使用简介
2015/05/20 Python
用Python设计一个经典小游戏
2017/05/15 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
Django数据库操作之save与update的使用
2020/04/01 Python
struct和class的区别
2015/11/20 面试题
公益活动邀请函
2014/02/05 职场文书
学生会竞聘书范文
2014/03/31 职场文书
《桂花雨》教学反思
2014/04/12 职场文书
2014年新生军训方案
2014/05/01 职场文书
冬季安全检查方案
2014/05/23 职场文书
三八妇女节寄语
2015/02/27 职场文书
公司周年庆寄语
2019/06/21 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
JavaScript获取URL参数的方法分享
2022/04/07 Javascript
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技