tnblog
首页
登录

vue 动态切换class

340人阅读 2020/8/12 22:03 总访问:17438 评论:0 手机 收藏
分类: .NET

vue 动态切换class

方式一:
   <div :class="{ active: isActive }"></div> 
    表示 active 是否存在,取决于  isActive  

<div :class="{ active: isActive }" v-bin::class="{ active2: isActive }></div> 
这种方式 两个class 可以共存,结果为

<div class="active active2"></div> 

data(){
return{
    isActive :true,
}
}

方式二:
   <div :class="[isActive?'active':'active2'] }"></div> 
     用三目表达式也可以动态切换class
data(){
return{
    isActive :true,
}
}

评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2020TNBLOG.NET
技术交流:群号677373950
欢迎加群交流技术