[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in

在页面中使用slice, 页面报错,报错原因 是由于数组对象未定义或为null 引起的,所以查看获取数据的接口是否请求到了数据。

因为加载顺序(生命周期)的问题导致先执行的时候为空,做个空数据就好了 (typeIdPro.sysqalist || '')

修改前

修改后

<div v-for="(itemPro,index) in (typeIdPro.sysqalist || '').slice(0,5)">                    
                    <li @click="getTitle('使用技巧',itemPro.title)">
                        <router-link :to="{path:'usingSkillsDetails',query:{ id:itemPro.id,cxword:itemPro.cxword,flag:2}}" class="left" tag = "span">{{itemPro.title}}</router-link>
                        <p>
                  <span class="right">{{itemPro.useful}}</span>
<img :src="userfulImg" alt="" class="left" @click="userful(index,itemPro.title,itemPro.useful,$event)" />
</p> </li> </div>
原文地址:https://www.cnblogs.com/jiayeyuan/p/10108789.html