這篇文章主要介紹微信開發(fā)之如何實現(xiàn)JS動態(tài)修改樣式,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、信豐網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為信豐等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
微信小程序這個坑啊,js動態(tài)修改樣式,我們并不能用js或者jq 輕輕松松一行代碼搞定?;蛘哂胷emoveClass addClass 來修改樣式。
以下是一種動態(tài)修改樣式的方法,原理是綁定數(shù)據(jù),然后動態(tài)的修改數(shù)據(jù),從而實現(xiàn)動態(tài)樣式的改變而已。感覺有點········那個啥的,怪怪的。不過也沒辦法了。如果你有更好的方法,可以在評論區(qū)分享一下。
test.wxml
test.js
Page({ data: { color: "red" }, clickRed: function () { this.setData({ color: "red" }) }, clickgreen: function () { this.setData({ color: "green" }) } })
效果
以上是“微信開發(fā)之如何實現(xiàn)JS動態(tài)修改樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!