主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文主要介绍微信小程序js动态样式修改的实现代码。原理是绑定数据然后动态修改数据,从而实现动态风格的变化。有需要的朋友可以参考一下。
微信小程序,这个坑,js动态修改样式,我们用js或者jq都不能轻易做到。或者使用removeClass addClass修改样式。
以下是动态修改样式的方法。原理是绑定数据然后动态修改数据,从而实现动态的风格变化。感觉有点...那种事情,很奇怪。但我无能为力。如果你有更好的方法,可以在评论区分享。
test.wxml
& lt视图样式= & quottext-align:居中;"& gt& lt标签样式= & quotcolor:{ { color } };"& gt我会改变颜色
page({ data:{ color:& quot;红色& quot},click red:function(){ this . setdata({ color:& quot;红色& quot})},click green:function(){ this . setdata({ color:& quot;绿色& quot})} })效果
【相关建议】
1.微信开发中如何调用全局JS?
2.微信开发中引用其他js文件的详细说明。
3.微信开发生命周期功能示例教程
这几篇文章你可能也喜欢:
- 暂无相关推荐文章
本文由主机参考刊发,转载请注明:微信开发的js动态修改风格(JS动态设置背景图) https://zhujicankao.com/113416.html
评论前必须登录!
注册