欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)代碼

 更新時(shí)間：2017年02月10日 13:48:06   作者：huangenai  
這篇文章主要介紹了微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)代碼,原理是綁定數(shù)據(jù)，然后動(dòng)態(tài)的修改數(shù)據(jù)，從而實(shí)現(xiàn)動(dòng)態(tài)樣式的改變而已,需要的朋友可以參考下

微信小程序這個(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

<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"
 })
 }
})

效果

以上所述是小編給大家介紹的微信小程序 JS動(dòng)態(tài)修改樣式的實(shí)現(xiàn)代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論