小編給大家分享一下微信小程序中js文件如何改變參數(shù)并在視圖上及時更新,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

一、簡單參數(shù)
XX.wxml
<view>
<text>{{str}}</text>
</view>
<button bindtap="change">改變</button>XX.js
Page({
data: {
str:'早上好'
},
change: function() {
this.setData({
str:"晚上好"
})
}
})二、已知下標(biāo)的數(shù)組
XX.wxml
<view>
<text>{{array[0].text}}</text>
</view>
<button bindtap="change">改變</button>XX.js
Page({
data: {
array: [{text: '早上好'}],
},
change: function() {
this.setData({
'array[0].text':'晚上好'
})
}
})三、動態(tài)下標(biāo)的數(shù)組
XX.wxml
<view>
<block wx:for="array" wx:key="index">
<text>{{item.text}}</text>
<button bindtap="change" data-index="index">改變</button>
</block>
</view>
<button bindtap="change">改變</button>XX.js
Page({
data:{
array:[
{text:'1111'},
{text:'2222'},
{text:'3333'}
]
},
change:function(e){
let param = {};
let string = "array["+e.target.dataset.index+"].text;
param[string] = '0000';
this.setData(param);
}
})看完了這篇文章,相信你對“微信小程序中js文件如何改變參數(shù)并在視圖上及時更新”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
文章題目:微信小程序中js文件如何改變參數(shù)并在視圖上及時更新-創(chuàng)新互聯(lián)
地址分享:http://www.chinadenli.net/article32/dodgsc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、響應(yīng)式網(wǎng)站、動態(tài)網(wǎng)站、做網(wǎng)站、定制網(wǎng)站、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容