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