難度級別：初級及以上 ????????????????????????????????提問概率：50%?
在初學(xué)者看來，v-for和v-if同時使用是非常方便的，二者共同使用的常見場景有兩種。例如有兩個列表，分別用于渲染學(xué)生數(shù)據(jù)和老師數(shù)據(jù)，然后有兩個單選按鈕，用于切換當(dāng)前頁面中需要展示學(xué)生列表還是老師列表，這個時候用v-if進行判斷就非常方便，代碼如下文章來源：http://www.zghlxwxcb.cn/news/detail-848342.html
Vue代碼：
<template>
<ul>
<li v-for="item in studentData" v-if="type='student'"></li>
</ul>
</template>
<script>
export default {
data() {
return {
type: 'teacher',
// 僅用于示例講解，學(xué)生數(shù)據(jù)可自行添加
studentData: []
}
}
}
</script>
?還有一種場景，例如在循環(huán)學(xué)生列表的同時添加篩選項，只展示成績大于等于60分的學(xué)生數(shù)據(jù)&#x文章來源地址http://www.zghlxwxcb.cn/news/detail-848342.html
到了這里，關(guān)于Vue - 你會在同一個元素上使用v-for和v-if嗎的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
