手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序如何设置button点击事件

时间:2024-10-14 10:44:15

1、我们打开微信开发者平台,新建一个项目,然后打开“app.json”,在pages的第一行添加一个页面,然后点击“Ctrl+s”保存一下。

微信小程序如何设置button点击事件

2、此时在pages目录下就出现了一个button的文件,打开这个button文件的目录,在这下面有四个文件,我们这次主要用到button.js和button.wxml。

微信小程序如何设置button点击事件

3、首先我们打开button.wxml,然后添加一个button控件,在button控件中添加一个bindtap属性,属性值可以直接定义一个名字,然后保存一下。(此时刷新输入框是没有颜色的,我们可以添加一个样式让他显示出来)

微信小程序如何设置button点击事件

4、然后我们打开button.js,我们在data中设置一个空值,我们新建一个方法,方法名就是我们给button控件设置的bi荏鱿胫协ndtap的值,然后在这个方法里面把我们赋给data里面的赋一个值。然后我们在button.wxl里面新建一个view控件,view控件的值为我们的data里的值。如果button的点击事件不成功,那么我们的view控件中就会显示“null”。

微信小程序如何设置button点击事件
微信小程序如何设置button点击事件

5、我们在模拟器点击button按钮,然后view控件中就显示了字,此时我们就成功的设置了button的点击事件。

微信小程序如何设置button点击事件
微信小程序如何设置button点击事件
© 手抄报圈