微信小程序点击实现样式切换功能的方法


本篇内容主要讲解“微信小程序点击实现样式切换功能的方法免费云主机域名”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序点击实现样式切换功能的方法”吧!
普通的web开发可以通过JavaScript获取HTML的Dom结构,但是小程序不可以,小程序实现此功能的方式:数据绑定+data- 去更改标签类名。
step 1 给选定的标志 {{}} & data-num
此处只绑定了一个类名,也可以绑定N个类名。
绑定一个事件 可以给外面的块绑定,也可以给每一个里边的view绑定,如下:
唯一的区别是给事件传入的 e 不同。 绑定在外面的块的事件的e ,只有 target才会有dataset的值。 绑定给每一个小块的事件的e ,不管是 target还是currentTarget都会有dataset的值。
e.target.dataset.num step 2 写好初始值
一开始选定哪一个,就给判断的那个变量哪个值
step 3 写好事件处理函数
原理 是改变一下 用来判断的那个变量 num 的值而已。
他人的做法:
我用的类名active ,有的人会用cur ,【current的简写】 有人甚至总结出了三种方式:
第二种方式跟我的一样,第三种方式最好不要使用,毕竟我们要做一个性能佳的小程序。 至此,完成。到此,相信大家对“微信小程序点击实现样式切换功能的方法”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 微信小程序音乐播放器页面渲染的方法

本文小编为大家详细介绍“微信小程序音乐播放器页面渲染的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序音乐播放器页面渲染的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。   页面渲染  为了解决这个问题,我们给图片…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/15 10:01
下一篇 01/15 10:02

相关推荐