這篇文章主要介紹了小程序js文件改變參數并在視圖上及時更新的方法的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇小程序js文件改變參數并在視圖上及時更新的方法文章都會有所收獲,下面我們一起來看看吧。
一、簡單參數
XX.wxml
<view><text>{{str}}</text></view><button bindtap="change">改變</button>XX.js Page({data: {str:'早上好'},change: function() {this.setData({str:"晚上好"})}})
二、已知下標的數組
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':'晚上好'})}})
三、動態下標的數組
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文件改變參數并在視圖上及時更新的方法”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“小程序js文件改變參數并在視圖上及時更新的方法”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。