您当前的位置: 首页 > 解决方案

小程序js文件改变参数并在视图上及时更新

  • 作者: admin
  • 发布于 2018-06-12 13:34:59
  • 来源:  
  • 栏目:解决方案

导语: 一、简单参数 XX.wxml <view> <text>{{str}}</text></view><button bindtap="change">改变<

 

一、简单参数

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. })

希望对大家有所帮助哦



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部