微信小程序点击控制元素的显示与隐藏
首先我们先来看一下单个点击效果
我们来看一下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