[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>