学校排行榜

(0)

投一票

Vue3中v-for与v-if一同使用的基本情况 官网

在Vue3里,v-for和v-if可以一起用,但要注意优先级。v-for优先级比v-if高,这意味着v-for会先执行,再执行v-if。 template ul li v-for="item in items" v-if="item.isActive" :key="item.id" {{ item.name }} /li /ul/templatescript setupimport { ref } from 'vue';const items = ref([ { id: 1, name: 'Item 1', isActive: true }, { id: 2, name: 'Item 2', isActive: false }]);/script// 运行结果:页面会显示isActive为true的item 要注意v-for和v-if的优先级,避免出现意外的渲染结果。
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。