在 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 的优先级哪个高?”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4637.html
workflows工作流
一个穿着发光红色长袍的人
羚羊安上小白兔的门牙ComfyUI工作流
1个可爱的白色短发女孩
丛林里坐着一尊佛像
一个美丽的女孩穿着花瓣做的衣服
一个由红色玻璃制成的女性形状的破碎雕塑
文生图工作流:一幅海底睡莲,碧海蓝天comfyui工
金色玫瑰花comfyui工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

制作一个好玩的倒计时
js实现下雪特效
利用CSS3做一个星级评分样式
3d文字动画效果
会议人员60s签到倒计时插件
利用CSS3代码编写45款按钮效果
如何利用svg做一个有趣的loading动画加载
css3结合svg做一个动态广告







