600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏

微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏

时间:2020-10-03 21:06:16

相关推荐

微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏

微信小程序点击控制元素的显示与隐藏

首先我们先来看一下单个点击效果

我们来看一下wxml中的代码:

更多内容

更多>

-07-27

下面的是js中的主要代码:

data: {

shows: false

},

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

},

share: function () {

var that = this;

var sh = that.data.shows;

that.setData({

shows: !sh

})

},

要知道我们控制的元素有两个,一个是图片一个是input框,我们在页面中使用bindtap="share"进行绑定事件,同时在图片image和input标签使用shows变量来控制显示与隐藏

当我加上循环出现多个元素的时候,意料之中,会变成这个亚子(›´ω`‹ )

这里我们要判断一下,点击到标签的状态要不同于其它的,改动后的代码如下:

更多内容

更多>

-07-27

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。