亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼

 更新時間：2017年02月10日 13:48:06   作者：huangenai  
這篇文章主要介紹了微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼,原理是綁定數(shù)據，然后動態(tài)的修改數(shù)據，從而實現(xiàn)動態(tài)樣式的改變而已,需要的朋友可以參考下

微信小程序這個坑啊，js動態(tài)修改樣式，我們并不能用js或者jq 輕輕松松一行代碼搞定。或者用removeClass addClass 來修改樣式。

以下是一種動態(tài)修改樣式的方法，原理是綁定數(shù)據，然后動態(tài)的修改數(shù)據，從而實現(xiàn)動態(tài)樣式的改變而已。感覺有點········那個啥的，怪怪的。不過也沒辦法了。如果你有更好的方法，可以在評論區(qū)分享一下。

test.wxml

<view style="text-align: center;">
 <label style="color:{{color}};">我會變色</label>
 <button bindtap="clickRed">變紅</button>
 <button bindtap="clickgreen">變綠</button>
</view>

test.js

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

效果

以上所述是小編給大家介紹的微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

最新評論