前端-VUE2中的动态CSS样式

一、第一种,:style写法,分为直接赋值变量,或者使用CSS样式对象

1.赋值变量

 computed: {
    buttonStyle() {
      return {
        backgroundColor: this.clicked ? ‘green’ : ‘blue’,
        color: ‘white’,
        padding: ’10px 20px’
      };
    }
  }

2.使用CSS样式对象

111

二、第二种,使用类名绑定:class


  111

 

 

.highlight {
  background-color: yellow;
}
 
.large-text {
  font-size: 20px;
}

本站无任何商业行为
个人在线分享-虚灵IT资料分享 » 前端-VUE2中的动态CSS样式