微信小程序中js文件怎么改变参数并在视图上及时更新

这篇文章主要讲解了"微信小程序中js文件怎么改变参数并在视图上及时更新"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"微信小程序中js文件怎么改变参数并在视图上及时更新"吧！

一、简单参数

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文件怎么改变参数并在视图上及时更新这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！