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

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

https://img1.sycdn.imooc.com//climg/637cbe3009a980dd03150054.jpg


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

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

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

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

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,分析如下:

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

https://img1.sycdn.imooc.com//climg/637d7f440985853109510290.jpg

两者的区别:

https://img1.sycdn.imooc.com//climg/637d7fed093a1d3209240478.jpg

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

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师