微信小程序点击改变css,微信小程序点击实现样式切换功能

92#汽油95#汽油0#汽油

绑定一个事件 可以给外面的块绑定，也可以给每一个里边的view绑定,如下：

92#汽油95#汽油0#汽油

唯一的区别是给事件传入的 e 不同。 绑定在外面的块的事件的e,只有 target才会有dataset的值。 绑定给每一个小块的事件的e,不管是 target还是currentTarget都会有dataset的值。

e.target.dataset.num step 2 写好初始值

一开始选定哪一个，就给判断的那个变量哪个值

data: {num:1},

step 3 写好事件处理函数

changeOil:function(e){console.log(e);this.setData({num:e.target.dataset.num})}

原理 是改变一下 用来判断的那个变量 num 的值而已。

他人的做法：

我用的类名active,有的人会用cur ，【current的简写】 有人甚至总结出了三种方式：

1.通过修改类名 2.添加一个类名，覆盖前面的样式 3.修改行内样式，覆盖前面的样式

第二种方式跟我的一样，第三种方式最好不要使用，毕竟我们要做一个性能佳的小程序。 至此，完成。

总结

以上是编程之家为你收集整理的微信小程序点击实现样式切换功能全部内容，希望文章能够帮你解决微信小程序点击实现样式切换功能所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。