博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 JS动态修改样式
阅读量:7021 次
发布时间:2019-06-28

本文共 418 字,大约阅读时间需要 1 分钟。

微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。

以下是一种动态修改样式的方法,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已。感觉有点········那个啥的,怪怪的。不过也没办法了。如果你有更好的方法,可以在评论区分享一下。

test.wxml

test.js

Page({  data: {    color: "red"  },  clickRed: function () {    this.setData({      color: "red"    })  },  clickgreen: function () {    this.setData({      color: "green"    })  }})

效果

转载地址:http://kabxl.baihongyu.com/

你可能感兴趣的文章
js高级程序设计笔记(13章)
查看>>
Nginx安装PHP-FPM及优化
查看>>
Zabbix 3.2 监控部署
查看>>
seekBar,RatingBar拖动条
查看>>
JavaScript原型、原型链和继承
查看>>
git错误集
查看>>
谷歌深度学习公开课任务 1: notMNIST
查看>>
java锁的理解
查看>>
本地连接已连接上,但电脑无法上网
查看>>
WinAPI: PolyPolygon - 绘制一组多边形
查看>>
MusicXML 3.0 (16) - 小音符
查看>>
我的友情链接
查看>>
局域网中彻底隐身
查看>>
慢慢琢磨JVM
查看>>
我的友情链接
查看>>
linux 使用SMTP代理发送邮件
查看>>
CISCO HSRP配置
查看>>
20个Linux命令及Linux终端的趣事
查看>>
TSMessages,非HUD风格的iOS提示框(附官方demo BUG修复方案)
查看>>
我的友情链接
查看>>