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


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 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
基于Vue实现微前端的示例代码
Apr 24 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
destoon设置自定义搜索的方法
2014/06/21 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
jQuery插件 tabBox实现代码
2010/02/09 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
PHP魔术方法__ISSET、__UNSET使用实例
2014/11/25 Python
python+selenium+autoit实现文件上传功能
2017/08/23 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
怎样客观的做好自我评价
2013/12/28 职场文书
计算机专业求职信
2014/06/02 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
vue实现简单数据双向绑定
2021/04/28 Vue.js
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL