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


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性能优化笔记搜索整理
Aug 21 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
浅谈Javascript事件对象
Feb 05 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
Symfony2框架学习笔记之表单用法详解
2016/03/18 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
PHP sdk实现在线打包代码示例
2020/12/09 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
Javascript 强制类型转换函数
2009/05/17 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
通过C++学习Python
2015/01/20 Python
Python的类实例属性访问规则探讨
2015/01/30 Python
详解Python解决抓取内容乱码问题(decode和encode解码)
2019/03/29 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
Python selenium自动化测试模型图解
2020/04/15 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
出国签证在职证明
2014/01/16 职场文书
初中学生期末评语
2014/04/24 职场文书
林肯就职演讲稿
2014/05/19 职场文书
学雷锋日活动总结
2015/02/06 职场文书
市场部岗位职责范本
2015/04/15 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python