微信小程序坑点杂谈（四）一分钟解决对象数组列表渲染无效的问题！

最新推荐文章于 2022-10-06 15:26:53 发布

原创

最新推荐文章于 2022-10-06 15:26:53 发布

· 1.7k 阅读

3 ·

版权

文章标签：

#小程序 #js #前端

本文探讨微信小程序中遇到的对象数组无法进行列表渲染的问题。作者在开发过程中，发现使用`unshift`方法添加数组元素导致渲染无效。解决办法是通过第三者传值并使用`setData()`更新数据，从而实现列表渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序坑点杂谈（四）一分钟解决对象数组列表渲染无效的问题！

一、写在开头

本人只是一枚小小的新手开发者，所提的问题和解答很难超过个人水平，如果对你有帮助，那就太好了！

二、发现问题
我之前在写一个小项目的时候，发现了一个奇怪的问题，像[{},{}…]这样子的对象数组居然没有办法做列表渲染循环出来，我打印了一下发现数组是有值的，只是给数组添加数组的时候用了数组的unshift方法，并没有使用小程序内置的setData（）方法更新数据，但是其实是有值的，这点也让我卡了很久。代码大概如下：

 data: {
   
    cls1:'cls',
    cls2:"",//控制显示样式
    finishlist:[],//保存完成的订单
    inglist:[],//保存进行中的订单
    content:true
  },
  //省去了调用API的部分代码，下面是调用API后的回调函数
        success:res=>{
   
        console.log(res)
        for(var i=0;i<res.data.