微信小程序如何设置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点击事件
  • myeclipse中database explore的简单使用
  • IntelliJ IDEA怎么设置打开软件自动打开项目
  • 思科三路由器静态路由配置模型
  • 如何设置SSMS在启动时打开空环境
  • 如何在SQL Server数据库中自动增添默认值
  • 热门搜索
    og是什么意思 什么叫钓鱼执法 方脸适合什么发型 11月22日是什么节日 种花家是什么意思 总监是什么职位 牛津纺是什么面料 116114是什么电话 together是什么意思 stand是什么意思