v-if和v-show的区别问题

来源:2-9 条件渲染

终有一死

2022-11-22 20:23:20

https://img.mukewang.com/climg/637cbe3009a980dd03150054.jpg


v-if为false的时候是将元素从DOM树上移除

v-show为false的时候,是通过display:none;来控制的

而display:none;是设置元素不可见同时也不生成盒模型,也就是不占据原来的空间了

那,这两者有什么区别吗 ?

写回答

1回答

imooc_慕慕

2022-11-23

同学你好,分析如下:

同学理解的有点偏差,display:none;不占空间,不会销毁该元素是存在的。

https://img.mukewang.com/climg/637d7f440985853109510290.jpg

两者的区别:

https://img.mukewang.com/climg/637d7fed093a1d3209240478.jpg

参考官方网址:https://cn.vuejs.org/guide/essentials/conditional.html#v-if-vs-v-show

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程

相似问题

回答 1

v-bind疑问

回答 1

回答 1