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


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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 Javascript
javascript 应用小技巧方法汇总
Jul 05 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 08 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 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
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
让你同时上传 1000 个文件 (一)
2006/10/09 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
PHP设计模式之注册树模式分析
2018/01/26 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
关于JavaScript中的this指向问题总结篇
2017/07/23 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
纯js封装的ajax功能函数与用法示例
2018/05/14 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
python的类变量和成员变量用法实例教程
2014/08/25 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
python中turtle库的简单使用教程
2020/11/11 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
挑战杯创业计划书的写作指南
2014/01/07 职场文书
社区健康教育实施方案
2014/03/18 职场文书
父亲节活动总结
2015/02/12 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
数据库连接池
2021/04/06 MySQL
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Nginx配置Https安全认证的实现
2021/05/26 Servers