微信小程序如何设置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数据库中自动增添默认值
  • 热门搜索
    重阳节手抄报简单 爱国手抄报版面设计图 阅读手抄报版面设计图 轻叩诗歌的大门手抄报 三爱手抄报内容 爱眼手抄报 民族精神手抄报 安全教育日手抄报内容 关于邪教的手抄报 防灾减灾手抄报大全