溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹微信開發(fā)之如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
微信小程序這個(gè)坑啊，js動(dòng)態(tài)修改樣式，我們并不能用js或者jq 輕輕松松一行代碼搞定?；蛘哂胷emoveClass addClass 來修改樣式。
以下是一種動(dòng)態(tài)修改樣式的方法，原理是綁定數(shù)據(jù)，然后動(dòng)態(tài)的修改數(shù)據(jù)，從而實(shí)現(xiàn)動(dòng)態(tài)樣式的改變而已。感覺有點(diǎn)········那個(gè)啥的，怪怪的。不過也沒辦法了。如果你有更好的方法，可以在評(píng)論區(qū)分享一下。
test.wxml
<view style="text-align: center;">
<label style="color:{{color}};">我會(huì)變色</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"
})
}
})效果
以上是“微信開發(fā)之如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼