微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼
微信小程序這個坑啊,js動態(tài)修改樣式,我們并不能用js或者jq 輕輕松松一行代碼搞定?;蛘哂胷emoveClass addClass 來修改樣式。
以下是一種動態(tài)修改樣式的方法,原理是綁定數(shù)據(jù),然后動態(tài)的修改數(shù)據(jù),從而實現(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)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼
- JS點擊動態(tài)添加標(biāo)簽、刪除指定標(biāo)簽的代碼
- vue.js實現(xiàn)點擊后動態(tài)添加class及刪除同級class的實現(xiàn)代碼
- 動態(tài)加載、移除js/css文件的示例代碼
- JS動態(tài)修改網(wǎng)頁body的背景色實例代碼
- JS動態(tài)添加的div點擊跳轉(zhuǎn)到另一頁面實現(xiàn)代碼
- Vue.js實現(xiàn)按鈕的動態(tài)綁定效果及實現(xiàn)代碼
- AngularJS動態(tài)綁定ng-options的ng-model實例代碼
- 如何基于JS截獲動態(tài)代碼
相關(guān)文章
javascript:FF/Chrome與IE動態(tài)加載元素的區(qū)別說明
今天在寫一段js時,發(fā)現(xiàn)IE與FF在動態(tài)加載Html元素時,有一些差別,一起過來看看下面的代碼吧2014-01-01javascript版的in_array函數(shù)(判斷數(shù)組中是否存在特定值)
這篇文章主要介紹了javascript版的in_array函數(shù)(判斷數(shù)組中是否存在特定值),需要的朋友可以參考下2014-05-05JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點的詳細方法
本文主要介紹了JavaScript中在光標(biāo)處插入添加文本標(biāo)簽節(jié)點的詳細方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03