普通的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的简写】 有人甚至总结出了三种方式:
第二种方式跟我的一样,第三种方式最好不要使用,毕竟我们要做一个性能佳的小程序。 至此,完成。
|
微信小程序 点击切换样式的功能实现
发布:2018-05-09 11:02浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08