鍍金池/ 問答/HTML/ Vue v-if 使用的問題

Vue v-if 使用的問題

v-if報警告

不懂這個警告是什么意思，但是好像不影響運行

回答
編輯回答
薄荷綠

v-if 是將元素在dom樹中刪除 建議使用v-show 原理改變display為none 如果需要刪除元素在使用v-if

2017年9月14日 13:22
編輯回答
久礙你

waring提示的理由是 v-if 應該被移動到外層的element中。
所以這里可以這樣改寫

<template v-if="datas[index]">
    <table-cell v-for="n in 8" :key="n" :carDatas="datas[index][n-1]"></table-cell>
</template>

v-if 用來判斷是否create Dom，所以table-cell 就可以直接在template層決定了dom是否生成，而不是在加載組件table-cell的同時判斷v-if。

我是這樣理解的

2017年7月8日 19:19
編輯回答
悶騷型

你v-if的條件是status[index], 和當前v-for的內(nèi)容n無關, 而和上層的v-for中index有關. 所以當status[index]不存在的時候會產(chǎn)生一個空的ul. 建議把v-if寫到ul上去.

2017年3月20日 02:27