vue的v-show指令实现2种样式切换效果

Posted 2023-04-27

参考技术A 效果：

html

css

Vue指令6：v-show

根据表达式的真假值来渲染元素

用法大致一样：

<h1 v-show="ok">Hello!</h1>

不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。