微信小程序修改数组长度的问题的解决

 更新时间:2019年12月17日 14:07:37   作者:newDriver  
这篇文章主要介绍了微信小程序修改数组长度的问题的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

微信小程序内数组重新修改长度,使用setData竟然存在问题:会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后,再数据需要赋值的地方再用setData进行数据处理即可,能用但是不知道是否是最佳方案。参考示例

setarrayData(data){
let array = this.data.list;
//这里需要更新长度的话强制更新
array.length == 0 && (this.data.list = new Array(+data.num));
//拷贝数据
let copyArray = [...this.data.pictureList];
//数组数据处理
copyArray.splice( num1, num2, ...data.list)
//更新到视图层
this.setData({
  list: copyArray,
})

PS:微信小程序数组长度为0的坑

前几天在写程序时,在js页面里用console.log打印出来的和在调试窗口看到的Appdata都显示我的result数组长度是20,但是在xml页面通过{{result.length}}显示出来却始终是0。找了很久bug,最终发现,是在js里修改result数组时,我没有用官方建议的this.setData()函数而是直接用this.data.result.push()。导致result数组出现不一致的情况。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 深入了解Javascript的事件循环机制

    深入了解Javascript的事件循环机制

    单线程的同步等待极大影响效率,任务不得不一个一个等待执行,对于网页应用是无法接受的。所以Javascript使用事件循环机制来解决异步任务的问题。本文就来讲讲Javascript的事件循环机制,希望对你有所帮助
    2022-09-09
  • 如何用js判断dom是否有存在某class的值

    如何用js判断dom是否有存在某class的值

    本文主要介绍了如何用javascript判断dom是否有存在某class的值。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • javascript实现留言板功能

    javascript实现留言板功能

    这篇文章主要为大家详细介绍了javascript实现留言板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • JavaScript组件焦点与页内锚点间传值的方法

    JavaScript组件焦点与页内锚点间传值的方法

    这篇文章主要介绍了JavaScript组件焦点与页内锚点间传值的方法,涉及输入框与锚点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • uniapp中使用计时器setInterval的场景与方法

    uniapp中使用计时器setInterval的场景与方法

    计时器在日常开发中经常会遇到,下面这篇文章主要给大家介绍了关于uniapp中使用计时器setInterval的场景与方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • BootStrap tooltip提示框使用小结

    BootStrap tooltip提示框使用小结

    这篇文章主要为大家详细介绍了BootStrap tooltip提示框使用小结 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 分享11个常用JavaScript小技巧

    分享11个常用JavaScript小技巧

    在我们的日常开发过程中,我们经常会遇到数字与字符串转换,检查对象中是否存在对应值,条件性操作对象数据,过滤数组中的错误值,等等这类处理。本文整理出了一些常用的小技巧,希望大家能喜欢
    2022-06-06
  • 深度剖析JavaScript作用域从局部到全局一网打尽

    深度剖析JavaScript作用域从局部到全局一网打尽

    这篇文章主要为大家介绍了JavaScript作用域的深度剖析,从局部到全局一网打尽,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • VSCode开发TypeScript的实现步骤

    VSCode开发TypeScript的实现步骤

    本文主要介绍了VSCode开发TypeScript的实现步骤,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • JS实现的文字间歇循环滚动效果完整示例

    JS实现的文字间歇循环滚动效果完整示例

    这篇文章主要介绍了JS实现的文字间歇循环滚动效果,涉及javascript结合时间函数定时触发实现页面元素动态操作相关技巧,需要的朋友可以参考下
    2018-02-02

最新评论