vue添加css属性以及根据参数修改属性值
2018-10-31 本文已影响0人
阳光少年lxx
1,vue添加元素属性:
栗子1:<span :style=‘{ "color" : " red"}’>我来举个栗子</span>;
栗子2:<span :style=“color”>我来举个栗子</span>;
data(){
return{
color:{color:red}
}
}
![](https://img.haomeiwen.com/i14606560/9f059c6334fc8467.png)
![](https://img.haomeiwen.com/i14606560/23a074cc1f05528f.png)
![](https://img.haomeiwen.com/i14606560/5e57060c52fb51af.png)
注释:在vue中可以使用v-bind绑定style属性,属性值为一个对象或者参数名,对象内可以写css样式;属性值为参数名时,可以在data数据中声明,并在方法内调用以及修改;