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


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 相关文章推荐
JS location几个方法小姐
Jul 09 Javascript
Ajax执行顺序流程及回调问题分析
Dec 10 Javascript
jquery 获取dom固定元素 添加样式的简单实例
Feb 04 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
Feb 19 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
vue多次循环操作示例
Feb 08 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 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查询域名状态whois的类
2006/11/25 PHP
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
PHP 日期加减的类,很不错
2009/10/10 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
浅析如何利用JavaScript进行语音识别
2016/10/27 Javascript
Javascript中八种遍历方法的执行速度深度对比
2017/04/25 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
2020/02/01 jQuery
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
python 从远程服务器下载东西的代码
2013/02/10 Python
tornado框架blog模块分析与使用
2013/11/21 Python
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
Python的randrange()方法使用教程
2015/05/15 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
python中PS 图像调整算法原理之亮度调整
2019/06/28 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
python如何处理程序无法打开
2020/06/16 Python
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
开办加工厂创业计划书
2014/01/03 职场文书
银行实习生的自我评价
2014/01/13 职场文书
北京大学自荐信范文
2014/01/28 职场文书
三人合伙协议书范本
2014/10/29 职场文书
可可西里观后感
2015/06/08 职场文书
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL