微信小程序点击按钮弹出弹窗_在微信小程序中如何使用modal组件弹出对话框

这篇文章主要介绍了微信小程序使用modal组件弹出对话框功能,结合实例形式分析了微信小程序model组件相关属性及事件响应操作技巧,需要的朋友可以参考下

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

关键代码

①、index.wxml提示：{{tip}}

点击我弹出modal对话框

您好，我是modal对话框

②、index.jsPage({

data:{

// text:"这是一个页面"

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:'您点击了【取消】按钮！'

})

}

})

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用Electron构建React+Webpack桌面应用(详细教程)

在微信小程序中如何才能实现左右滑动

在JavaScript中有哪些特殊数据类型

在微信小程序中如何使用ajax实现请求服务器数据

在微信小程序中如何使用request网络进行请求操作