這篇文章主要介紹微信開(kāi)發(fā)之如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)融安,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108微信小程序這個(gè)坑啊,js動(dòng)態(tài)修改樣式,我們并不能用js或者jq 輕輕松松一行代碼搞定?;蛘哂胷emoveClass addClass 來(lái)修改樣式。
以下是一種動(dòng)態(tài)修改樣式的方法,原理是綁定數(shù)據(jù),然后動(dòng)態(tài)的修改數(shù)據(jù),從而實(shí)現(xiàn)動(dòng)態(tài)樣式的改變而已。感覺(jué)有點(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" }) } })
效果
以上是“微信開(kāi)發(fā)之如何實(shí)現(xiàn)JS動(dòng)態(tài)修改樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!