当前位置:   article > 正文

微信小程序-弹出对话框_微信小程序 弹出对话框

微信小程序 弹出对话框
参数
Object res

19956127-96d771b11fe222fa.png

示例代码

wx.showModal({

title: ‘提示’,

content: ‘这是一个模态弹窗’,

success (res) {

if (res.confirm) {

console.log(‘用户点击确定’)

} else if (res.cancel) {

console.log(‘用户点击取消’)

}

}

})

注意


  • Android 6.7.2 以下版本,点击取消或蒙层时,回调 fail, errMsg 为 “fail cancel”;

  • Android 6.7.2 及以上版本 和 iOS 点击蒙层不会关闭模态弹窗,所以尽量避免使用「取消」分支中实现业务逻辑

怎么使用

下面是一个官方的使用方式,用触发时间来触发即可

弹窗

showWindows: function() {

wx.showModal({

title: ‘提示’,

content: ‘这是一个模态弹窗’,

success (res) {

if (res.confirm) {

console.log(‘用户点击确定’)

} else if (res.cancel) {

console.log(‘用户点击取消’)

}

}

})

}

如何把信息传到弹出界面

在wxml文件里面 {{data.showWindows.Content}} 把内容传上去即可

点击弹出对话框

<modal title=“对话框” hidden=“{{modalHidden}}” confirm-text=“确定”

cancel-text=“取消” bindconfirm=“modalBindaconfirm” bindcancel=“modalBindcancel”>

{{data.showWindows.Content}}

//获取应用实例

var app = getApp()

Page({

data: {

modalHidden:true,//是否隐藏对话框

},

//事件处理函数

bindViewTap: function() {

this.setData({

modalHidden:!this.data.modalHidden

})

},

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
,这些资料都将为你打开新的学习之门**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/781481
推荐阅读
相关标签
  

闽ICP备14008679号