• 欢迎访问大姚哥前端笔记
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

vue三元表达式绑定class和style【那些年踩过的坑】

HTML5 dayaoge 1430次浏览

通常给class绑定个对象,就可以动态的切换样式了。

<div :class="{ active: isActive }"></div>

这样当 isActive 为真时,就可以添加样式“active”了

但我们想在绑定的时候简单计算下怎么办呢?
我们可以用官方提供的数组语法:

<i class="iconfont "  :class="[isShow=='password'?'icon-kejian':'icon-bukejian']"></i>

这样当isShow等于”password”的时候,就会显示添加‘icon-kejian’样式了。比如我这个切换密码框类型的需求很容易就实现了。
TIM截图20170714175615


小白公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明vue三元表达式绑定class和style【那些年踩过的坑】
喜欢 (2)