vue动态绑定style

vue动态绑定style怎么操作呢？一起来看看小编今天的分享吧！

style可以通过对象语法和数组语法进行动态绑定。

对象语法：

data: {
  activeColor: 'red',
  fontSize: 30
}

数组语法：

 
data: {
   styleColor: { 
    color: 'red'
    }, 
    styleSize:{ 
       fontSize:'23px'
    } 
}

另外，对象语法和数组语法进行Class的动态绑定。

对象语法：

data: {
  isActive: true,
  hasError: false
}

数组语法：

data: {
  activeClass: 'active',
  errorClass: 'text-danger'
}

以上就是小编今天的分享了，希望可以帮助到大家。