Vue基本指令 v-if&v-show


这两个指令一定要放在一起说,因为他们实现的效果是一样的,都是控制元素的显示隐藏

v-if

v-if 是通过对 DOM 的渲染来实现元素的显示隐藏,当 v-if 的表达式结果为 false 时,在 DOM 元素中不会编译此元素,这个效果我们可以在控制台 Elements 中可以看到。

在 CodeSendbox 上尝试

v-show

v-show 是通过 CSS 属性 display 控制元素的显示隐藏,若 v-show 的表达式结果为 false,则 「display: none;」,若 v-show 的表达式结果为 true,则恢复原先的值。

在 CodeSendbox 上尝试


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM