E企盈营销工具技术服务商 热线:4006-838-530

微信小程序如何动态通城县E企盈小程序增删class类名

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

说明通过数据绑定在3个标签上绑定相同的变量_num, 当开通热门兼职小程序电话:4006-838-530点击不同标签时, 在js逻辑层中通过开通翡翠玉石小程序电话:4006-838-530event.target.dataset.num来获取标签data-num值, 然后在wxml中通过三元运算符的匹配便可完成class名的增改, //wxmlview class="list-wrapper"      view class="list-top"         view data-num="1" class="list-menu list-menu1 {{_num==1?'cur':''}}" bindtap="menuClick"头条/view         view data-num="2" class="list-menu list-menu2 {{_num==2?'cur':''}}" bindtap="menuClick"活动/view         view data-num="3" class="list-menu list-menu3 {{_num==3?'cur':''}}" bindtap="menuClick"公告/view      /view/view

//jsmenuClick:function(e){      this.setData({         _num:e.target.data开通毛呢大衣小程序电话:4006-838-530set.num      })  },

效果我提前在curclass中添加了样式.

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序如何动态通城县E企盈小程序增删class类名
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏