介绍
这篇文章给大家分享的是有关微信小程序怎么使用模态组件弹出对话框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
1,效果展示
2,关键代码
①,指数。wxml
& lt; view>提示:{{提示}}& lt;/view> & lt; button 类型=癲efault", bindtap=皊howModal"在点击我弹出模态对话框& lt;/button> & lt; view> ,& lt; modal  title=澳L曰翱颉?隐藏=皗{modalHidden}}“, confirm-text=叭范ā?cancel-text=叭∠?bindconfirm=癿odalBindaconfirm", bindcancel=癿odalBindcancel"在您的好,我是模态对话框& lt;/modal> & lt;/view>
②,指数。js
页面({ ,数据:{//才能,文本:“这是一个页面“ 提示:才能& # 39;& # 39; buttonDisabled才能:假的, modalHidden:真的,才能 ,表明:假的 }, ,showModal:函数(){ this.setData({才能 ,,modalHidden: this.data.modalHidden })才能 }, ,modalBindaconfirm:函数(){ ,,this.setData ({ ,,modalHidden: ! this.data.modalHidden, ,才能展示:! this.data.show, ,,提示:& # 39;您点击了【确认】按钮! & # 39; ,,buttonDisabled: this.data.buttonDisabled })才能 }, ,modalBindcancel:函数(){ ,,this.setData ({ ,,modalHidden: ! this.data.modalHidden, ,,提示:& # 39;您点击了【取消】按钮! & # 39; })才能 ,} })
感谢各位的阅读!关于“微信小程序怎么使用模态组件弹出对话框”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!