v-for中复用组件提示报错

分类：uni-app

uniapp

版本 2.7.14 编译V3 uniapp

17:33:09.822 cid unmatched [object Object] at view.umd.min.js:1
17:33:09.843 TypeError: Invalid attempt to destructure non-iterable instance.
17:33:09.864 In order to be iterable, non-array objects must have a [Symbol.iterator]() method. at view.umd.min.js:1

子组件

   <template>  
        <view class="">  
            <view class="">{{item.msg}}</view>  
        </view>  
    </template>  

   props: {  
    item: Object,  
    index:Number  
    }  
   },

父组件

    <view class="" v-for="(item,index) in list" :key="index">  
        <ChatItem v-if="item.type==='msg'" :item="item" :index="index" ></ChatItem>  
    </view>  

    import ChatItem from "@/components/chat/chat-item.vue"

就这样复用一个消息组件 list 列表下拉加载动态改变数据后就会有数据没有走组件 created方法但是父组件会有这个列表数据显示也可以操作但是会提示报错消息中{{item.msg}} 就会是undefined

谢谢大家帮忙看下

2020-07-21 17:54 负责人:无分享