验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

vue中的v-show,v-if,v-bind怎么使用

阅读:480 来源:乙速云 作者:代码code

vue中的v-show,v-if,v-bind怎么使用

1,v-show指令

根据表达式的真假,切换元素的显示和隐藏如:广告,遮罩层等

 
    
    
    
    =18" width="200px" height="200px"
      src="https://cache.yisu.com/upload/information/20230406/112/69205.png" />
  

2,v-if指令

根据表达式的真假,切换元素的显示和隐藏(操作dom元素),频繁操作用v-show,反之用v-if


    
   卷完后端卷前端

   卷完后端卷前端-vshow

  
 

3,v-bind指令

设置元素的属性比如(src,title,class等)v-bind:属性名=表达式   v-bind:可简写成  :class=""  省掉v-bind

    

  
        
分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>