宝哥软件园

微信小程序框架wepy的动态控制类名

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

本文分享微信小程序框架wepy的动态控制类名的具体实现方法,供大家参考。具体内容如下

控件类名

风格

style lang='less '范围。liBkgCor { background-color:红色;}/样式模板

view class=' t _ tab ' Li @ tap . stop=' changeLi({ { 1 } })' class=' { { Licolor==1 '?LiBkgCor':'' }} '推荐/Li Li @ tap。stop=' change Li({ { 2 } })' class=' { { Li color==2 '?LiBkgCor':'' }} '接收器/Li Li @ tap。stop=' change Li({ { 3 } })' class=' { { licolor==3 '?LiBkgCor':'' }} '淋浴/Li Li @ tap。stop=' change Li({ { 4 } })' class=' { { Li color==4 '?LiBkgCor':'' }} '马桶/li/viewscript

Data={liColor:1 //默认让第一个标签突出显示} methods={change Li (e) {this。licolor=e . target . dataset . wepyparamsa this。$ apply()//通知wepy框架当数据发生变化时需要重新绘制页面}}渲染

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+