微信小程序中js文件如何改变参数并在视图上及时更新-创新互联

小编给大家分享一下微信小程序中js文件如何改变参数并在视图上及时更新,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联专注于企业成都营销网站建设、网站重做改版、尼开远网站定制设计、自适应品牌网站建设、成都h5网站建设商城建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为尼开远等各大城市提供网站开发制作服务。

一、简单参数

XX.wxml


  {{str}}

改变

XX.js

Page({
 data: {
  str:'早上好'
 },
 change: function() {
  this.setData({
   str:"晚上好"
  })
 }
})

二、已知下标的数组

XX.wxml


  {{array[0].text}}

改变

XX.js

Page({
 data: {
  array: [{text: '早上好'}],
 },
 change: function() {
  this.setData({
   'array[0].text':'晚上好'
  })
 }
})

三、动态下标的数组

XX.wxml


  
    {{item.text}}
    改变
  

改变

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文件如何改变参数并在视图上及时更新-创新互联
新闻来源:http://ybzwz.com/article/dodgsc.html