当前位置: 首页 > Web前端 > vue.js

vue的v-if和v-show需要注意的问题

时间:2023-04-01 12:21:15 vue.js

.el-tabs{text-align:left;}文章不易,请大家关注公众号毛毛虫的小蜡笔,多多支持,谢谢。前言大家应该知道v-if和v-show的区别。v-if是条件渲染。当条件为真时,它被渲染到dom节点中。当条件为假时,不会渲染到dom节点中。v-show,不管条件是否为真,都会渲染到dom节点上,只需切换css的显示显示或隐藏即可。场景及需要注意的问题场景一如果只是简单的tab切换,每个tab组件的内容不多,用v-show比较合适。但是需要注意的问题是,页面加载完成后,会触发mounted的tab组件,mounted会按照组件的先后顺序触发。演示代码://tab.vue.el-tabs{text-align:left;}//tab1.vue