在vue的style中使用变量

<span:style="{'color': color}"></span>此处的color可以是你穿进去的变量，也可以是后台返回的数据或者var color = newvalue;data() {return {changeStyle:'background:'+color}}html中直接这样就可以...

沙子揉碎在眼睛里

13493人浏览 · 2019-12-02 14:09:42

沙子揉碎在眼睛里 · 2019-12-02 14:09:42 发布

<span :style="{'color': color}"></span>

此处的color可以是你穿进去的变量，也可以是后台返回的数据

或者

var color = newvalue;
data() {
    return {
        changeStyle:'background:'+color
    }
}
html中直接这样就可以了
<span  style="margin-top:5px;" :style="changeStyle"></span>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^