当前位置:   article > 正文

微信小程序更新数组数据,页面不刷新问题_微信小程序数组内的对象属性没有重新渲染

微信小程序数组内的对象属性没有重新渲染

在微信小程序中,数组 word_list 里面有八个元素(每个元素是对象);使用this.setData({}) 想向该数组里面添加一个元素;添加元素后数组word_list 是改变了,但是页面没有重新渲染,具体原因可能与vue中改变数组页面不渲染的情况类似;

具体办法:

  1. // 获取数组
  2. let leave_word_list = this.data.leaveWordList;
  3. let long = leave_word_list.length;
  4. // 创建对象
  5. let obj = {
  6. id: long,
  7. name: '李老师',
  8. date: getTime(),
  9. word: this.data.textareaVal,
  10. imgurl: ['../static/img/iconPark-folder-void@2x.png',
  11. '../static/img/iconPark-folder-void@2x.png'
  12. ]
  13. }
  14. // 强制改变获取的数组
  15. leave_word_list.splice(0,0,obj);
  16. // 使用setData重新渲染页面,改变视图层
  17. this.setData({
  18. leaveWordList: leave_word_list
  19. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/90061
推荐阅读
相关标签
  

闽ICP备14008679号