在項(xiàng)目中輪循數(shù)組v-for,然后根據(jù)關(guān)鍵詞匹配顯示篩選內(nèi)容,用的v-if的二元表達(dá)式,在使用v-else后出現(xiàn)的bug,出現(xiàn)了多個(gè)v-else的內(nèi)容,代碼如下:<input v-model='filter' type='text' > //0:全部 1:類型1 2:類型2//如果有類型 需要判斷item中的另一個(gè)關(guān)鍵字段 type 0:顯示 1:不顯示<div v-for="(item,index) in list" :key="index" v-if="filter==0?true:filter==item.type?item.type==0?true:false:false">{{item.name}}</div>
<div v-else>沒(méi)有數(shù)據(jù)</div>
<script>
export default {
data() { return {
filter:0,
list:[
{name:1,type=1},
{name:2,type=1},
{name:3,type=2},
{name:4,type=2},
{name:5,type=3}
]
}
}
}
</script>望高手解答下,是否有解決方案,或者優(yōu)化的地方,感謝
VUE中 v-for同時(shí)使用v-if 后再用v-else
qq_花開(kāi)花謝_0
2018-08-02 20:55:29