本文實例講述了微信小程序實現點擊按鈕修改view標簽背景顏色功能。分享給大家供大家參考，具體如下：
1、效果展示
2、操作步驟：
① 數據綁定view樣式背景屬性值
② 通過邏輯文件設置該背景屬性初始值
③ 通過點擊按鈕修改背景屬性值
3、關鍵代碼
index.wxml文件：
<view style="background:{{viewBg}};color:white;height:100px;">我是view標簽</view><button type="default" bindtap="changeBg">點擊我修改view標簽的背景顏色</button>index.js文件：
var num=0;Page({ data:{ viewBg:'green' }, changeBg(){ num++; var result=num/2; if(num%2==0){ this.setData({ viewBg:'green' }) }else{ this.setData({ viewBg:'blue' }) } console.log(num) console.log(result) }})代碼中通過設置num遞增數，再針對每次的事件響應進行取余運算判定num的奇偶數，進而實現設置style="background:{{viewBg}};color:white;height:100px;"中viewBg背景色值在綠色與藍色之間切換的效果。
4、源代碼點擊此處本站下載。
希望本文所述對大家微信小程序開發有所幫助。
新聞熱點
疑難解答
