Vue 常用指令 显示切换 v-show

v-show指令的作用是根据后面表达式的真假,让元素显示或者隐藏。

有哪些情况需要切换元素的显示?比如广告,或者遮罩层。

v-show后面的值一般是定义在vue实例当中的数据,这样就不是写死固定了。

Vue 常用指令 显示切换 v-show_第1张图片

如果元素的显示条件更加复杂,那么还支持一些表达式,比如有age属性,图片需要age满足某些属性才可以显示,比如大于18岁,那么只需要写上大于等于18就行了,最终都会=解析为布尔值。

如果false那么图片就不会显示。




    
    首页
    
    
    

 
  

Vue 常用指令 显示切换 v-show_第2张图片

你可能感兴趣的:(Vue.js,vue.js)