拼图小程序历时一个月,中间穿插7个项目的前端开发,8月1号开始到今天8月29号终于开发完成,心累,真的,一度觉得老了,逻辑层一层一层,这个是我前端以来写的最多的js逻辑,学习了好多,很高兴,但是在这完成之际我还是想说我在也不想做这么复杂的了,好了下面开始分享标题内容:

由于微信小程序开发不同于以往的普通web开发, 因此无法通过js获取wxml文件的dom结构, 因此从js上直接添加一个类名应该不可能了. 可是我们可以通过微信小程序数据绑定以及view标签的”data-“自定义属性去更改标签类名.

实现效果:模板状态之间的切换

wxml: //标点注意用英文,我博客这里转换成中文的了

{{xiabiao_key==1?’show’:’hide’}}” data-key=’1′

js: //标点注意用英文,我博客这里转换成中文的了

 

data: {
   xiabiao_key: ‘1’, //默认值:1
},
huoquid: function (e) {
   var xiabiao_key = e.currentTarget.dataset.key; //获取当前点击的下标KEY
   this.setData({
      xiabiao_key: xiabiao_key, //赋值给data:xiabiao_key
   })
},

在标签上加上小标变量ID,点击标签的时候,在js获取ID的值,并传到setData到xiabiao_key修改值,通过wxml的运算符就可以修改实现动态修改class

 

 

免费小说热门推荐:

经典文学小说网(www.jnooo3.top)

全本免费阅读神器