vue中使用v-if判斷數組長度是出現length報錯

• 在vue中使用v-if判斷數組的長度時出現報錯

<el-collapse-item :key="index"  v-if="data.childrens.length > 0" :title="data.fname" :name="data.fname">
    <el-row>
        <el-col :md="24" :lg="12" :xl="8" v-for="item in data.childrens" :key="item.directoryID"><div :class="treeFlag === item ? 'treeHover' : ''" @click="treeClick(data.fname, item.fname, item.directoryID)">{{ item.fname }}</div></el-col>
    </el-row>
</el-collapse-item>

報錯如下

• 出現這個問題的原因是在判斷數組長度的時候沒有進行數組是否存在的判定

所以在v-if中需要添加判斷數組存在，如下圖