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


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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
Oct 20 Javascript
学习并汇集javascript匿名函数
Nov 25 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
JS实现太极旋转思路分析
Dec 09 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
详解如何实现一个简单的 vuex
Feb 10 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
koa+mongoose实现简单增删改查接口的示例代码
May 13 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 过滤危险html代码
2009/06/29 PHP
PHP模拟post提交数据方法汇总
2016/02/16 PHP
javascript通过class来获取元素实现代码
2013/02/20 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
薪资那么高的Web前端必看书单
2017/10/13 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
使用nvm和nrm优化node.js工作流的方法
2019/01/17 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
Python实现的计算器功能示例
2018/04/26 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
python下载微信公众号相关文章
2019/02/26 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
2013/01/09 HTML / CSS
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
一道SQL存储过程面试题
2016/10/07 面试题
文秘专业大学生求职信
2013/11/10 职场文书
信访工作者先进事迹
2014/01/17 职场文书
2014年秋季新学期寄语
2014/08/02 职场文书
党员对照检查材料
2014/09/22 职场文书
少年犯观后感
2015/06/11 职场文书
Go语言grpc和protobuf
2022/04/13 Golang