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


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实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
基于PHP文件操作的详解
2013/06/05 PHP
深入PHP内存相关的功能特性详解
2013/06/08 PHP
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
php页面防重复提交方法总结
2013/11/25 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php生成与读取excel文件
2016/10/14 PHP
JS 统计时间
2021/03/09 Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
Django 2.0版本的新特性抢先看!
2018/01/05 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
详解Python self 参数
2019/08/30 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
在校生党员自我评价
2013/09/25 职场文书
终端业务员岗位职责
2013/11/27 职场文书
教师实习自我鉴定
2013/12/14 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
反邪教警示教育方案
2014/05/13 职场文书
药店采购员岗位职责
2014/09/30 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL
python 详解turtle画爱心代码
2022/02/15 Python