微信小程序使用modal组件弹出对话框功能示例

前端之家收集整理的这篇文章主要介绍了微信小程序使用modal组件弹出对话框功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了微信小程序使用modal组件弹出对话框功能分享给大家供大家参考,具体如下:

1、效果展示

@H_502_6@

2、关键代码

①、index.wxml

提示:{{tip}}

②、index.js

页面" tip:'',buttonDisabled:false,modalHidden:true,show:false },showModal:function(){ this.setData({ modalHidden:!this.data.modalHidden }) },modalBindaconfirm:function(){ this.setData({ modalHidden:!this.data.modalHidden,show:!this.data.show,tip:'您点击了【确认】按钮!',buttonDisabled:!this.data.buttonDisabled }) },modalBindcancel:function(){ this.setData({ modalHidden:!this.data.modalHidden,tip:'您点击了【取消】按钮!' }) } })

③、完整实例代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

原文链接:https://www.f2er.com/weapp/34949.html

猜你在找的微信小程序相关文章