欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

在小程序中如何利用button按钮来实现控制条件标签的变量呢？这也许是许多小伙伴们的问题，今天就来简单的给大家演示一遍。

解决方案

第一步：

首先打开微信公众平台，将一个primary的button按钮代码复制到开发平台上，再为其绑定一个名为”bindfirst”的事件。（当然这个bindfirst的事件需要在js中去定义，下面的步骤将会去定义）

代码如下：

第二步：

创建一个text用来if条件标签来控制，同时在js中定义一个空的量。

将if条件的定义一个judge变量给其赋值为true（if 条件标签如果为true，则显示text，如果为false则不显示text），再在button所绑定的事件中去改变text的值即可。

代码如下：

wxml代码

js代码

第三步：

得到运行结果。

图 1 图例

点击一次时，会出现text，当点击第二次时就会关闭text，因为bindfirst中利用改变judge的值为true和false来达到改变text。

结语

点击button时就会触发绑定的bindfirst事件，而bindfirst事件中是text的变量，而data中所定义的text是一个空值；点击时就会改变text中的量，从而达到简单的if条件标签的用button来控制。

END

实习编辑   |   王文星

责       编   |   王卓越

 where2go 团队

微信号：算法与编程之美          

长按识别二维码关注我们!

温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！