Vue.js
动态CSS Class
实例2
change color
change length
aaa
js
new Vue({
el:"#vue-app",
data:{
changColor:false,
changLength:false,
},
methods:{
},
computed:{
compClasses:function(){
return {
changColor:this.changColor,
changLength:this.changLength,
}
}
}
});
css:
span{
background: red;
display: inline-block;
padding: 10px;
color: blue;
margin:10px 0;
}
.changColor span{
background: yellow;
}
.changLength span:after{
content: "ccc";
margin-left: 10px;
}