网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

小程序js文件改變參數并在視圖上及時更新

發布時間:2018-06-12 10:23 所屬欄目:小程序開發教程

一、簡單參數

XX.wxml

 

  1. <view>
  2. <text>{{str}}</text>
  3. </view>
  4. <button bindtap="change">改變</button>
  5. XX.js
  6.  
  7. Page({
  8. data: {
  9. str:'早上好'
  10. },
  11. change: function() {
  12. this.setData({
  13. str:"晚上好"
  14. })
  15. }
  16. })

二、已知下標的數組

XX.wxml

 

  1. <view>
  2. <text>{{array[0].text}}</text>
  3. </view>
  4. <button bindtap="change">改變</button>
  5. XX.js
  6.  
  7. Page({
  8. data: {
  9. array: [{text: '早上好'}],
  10. },
  11. change: function() {
  12. this.setData({
  13. 'array[0].text':'晚上好'
  14. })
  15. }
  16. })

三、動態下標的數組

XX.wxml

 

  1. <view>
  2. <block wx:for="array" wx:key="index">
  3. <text>{{item.text}}</text>
  4. <button bindtap="change" data-index="index">改變</button>
  5. </block>
  6. </view>
  7. <button bindtap="change">改變</button>

XX.js

 

  1. Page({
  2. data:{
  3. array:[
  4. {text:'1111'},
  5. {text:'2222'},
  6. {text:'3333'}
  7. ]
  8. },
  9. change:function(e){
  10. let param = {};
  11. let string = "array["+e.target.dataset.index+"].text;
  12. param[string] = '0000';
  13. this.setData(param);
  14. }
  15. })


易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/24532.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×