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


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 相关文章推荐
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
JQuery 常用方法基础教程
Feb 06 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
JS实现简单抖动效果
Jun 01 Javascript
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
bootstrap table实现双击可编辑、添加、删除行功能
Sep 27 Javascript
Node.js中sequelize时区的配置方法
Dec 10 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
PHP的分页功能
2007/03/21 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
你必须知道的Javascript知识点之"字面量和对应类型"说明介绍
2013/04/23 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
Seajs的学习笔记
2014/03/04 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
2015/08/22 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
2017/09/18 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
Python中字典的setdefault()方法教程
2017/02/07 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
Python3使用Matplotlib 绘制精美的数学函数图形
2019/04/11 Python
UI自动化定位常用实现方法代码示例
2020/10/27 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
你们项目是如何进行变更控制的
2015/08/26 面试题
优秀毕业生自我鉴定
2014/01/19 职场文书
大学生村官事迹材料
2014/01/21 职场文书
母亲节感恩寄语
2014/02/21 职场文书
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python