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


新闻名称:微信小程序中js文件怎么改变参数并在视图上及时更新
浏览地址:http://scjbc.cn/article/peddie.html

其他资讯