小程序js文件改變參數(shù)并在視圖上及時(shí)更新的方法

這篇文章主要介紹了小程序js文件改變參數(shù)并在視圖上及時(shí)更新的方法的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇小程序js文件改變參數(shù)并在視圖上及時(shí)更新的方法文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

一、簡(jiǎn)單參數(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ù)組

dns"> 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':'晚上好'})}})

三、動(dòng)態(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);}})

關(guān)于“小程序js文件改變參數(shù)并在視圖上及時(shí)更新的方法”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“小程序js文件改變參數(shù)并在視圖上及時(shí)更新的方法”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。