在 vue2 中v-for
的优先级更高,但是在 vue3 中优先级改变了。v-if
的优先级更高。
在 vue2 中v-for
和v-if
同时出现时,可放在一个标签内,如下写法:
<div v-for="item in data" v-if
="item.show" :key="item.id"> {{ item.show }} </div>
data(){
return{
data:[
{ id: 1, show: true, name: '小米' },
{ id: 2, show: false, name: '小花' },
{ id: 3, show: true, name: '小南' },
]
}
}
在 vue3 中这样写会报错,就是因为 v-if
的优先级更高,所以 item.show 是未定义报错了。
沃梦达教程
本文标题为:vue3面试题:v-if 和 v-for 的优先级哪个高?


猜你喜欢
- javascript中的不等于怎么表示 2022-12-10
- vuejs数字动态滚动效果封装 2024-12-08
- css实现div自动添加滚动条(图片或文字等超出时显示) 2024-02-05
- 详解Vue-Router源码分析路由实现原理 2024-02-13
- CSS经典实用技巧18招 2022-10-16
- 关于CSS absolute与relative不得不说的话 2023-12-14
- 【Layui】当Layui数据表格和Layui下拉框组合时发生的问题 2022-12-14
- 详解vue-router基本使用 2024-03-09
- css之clearfix的用法深入理解(必看篇) 2024-02-05
- dede如何把上一篇和下一篇变得更好看 2024-12-07