学校排行榜

(0)

投一票

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

在Vue3里,v-for和v-if可以一起用,但要注意优先级。v-for优先级比v-if高,这意味着v-for会先执行,再执行v-if。 ul template v-for=item in items :key=item.id li v-if=item.isActive {{ item.name }} /li /template /ul script 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的优先级,避免出现意外的渲染结果。v-for在template上面
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。