好资源导航 » 文章资讯 » 微信小程序利用button控制条件标签的变量问题

微信小程序利用button控制条件标签的变量问题

2023-07-28 15:59:13 57

问题描述

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

解决方案

第一步：

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

代码如下：


点一下就改变

第二步：

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

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

代码如下：

wxml代码


点一下就改变
{{text}}

js代码

Page({
data:{
text:[],
judge:true,
},
onLoad:function(){
},
bindfirst:function(){
vars=this.data.judge
this.setData({text:"你点击了我",judge:!s})
}
})

第三步：

得到运行结果。

图1图例

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

结语

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

总结

到此这篇关于微信小程序利用button控制条件标签的变量问题的文章就介绍到这了,更多相关微信小程序button控制条件标签的变量内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

微信小程序利用button控制条件标签的变量问题

热门推荐

随机推荐