您的位置: 首页  >  IT文章  >  style中如何直接使用变量 在vue的style中使用变量

style中如何直接使用变量 在vue的style中使用变量

分类: IT文章 • 2022-08-30 00:03:35

<DIV style="position:absolute;top:50px;left:100px;"></DIV>
上面的50px我要有一个已经存在并赋值的JS变量start代替，应该怎么写？

 
js在方法中写：
var div=document.getElementById("这个DIV的ID");//得到这个DIV。
div.style.top=start+'px'

　　

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

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

或者 

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

　　

相关推荐