這篇文章主要為大家展示了“微信小程序中如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序中如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式”這篇文章吧。

創(chuàng)新互聯(lián)于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元當(dāng)雄做網(wǎng)站,已為上家服務(wù),為當(dāng)雄各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

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

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

test.wxml

 我會(huì)變色
 變紅
 變綠

test.js

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

效果

以上是“微信小程序中如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！