Vue动态给id设置style样式

一、背景

有个需求需要动态控制数字的颜色,监听之,然后设置对应颜色

二、代码

1、监听字段

watch:{
    taskNum(to,do){
        if(to!=do)
            this.check();
        }
    },
 
methods:{
    check(){
    
    },
}

2、动态计算,达到条件后改变字体颜色

var d = document.getElementById("taskNum");
d.style.color="#808080";
d.style.width="20%";
d.style.left= "35%";

有用请点赞,养成良好习惯!

疑问、交流、鼓励请留言!

猜你喜欢

转载自blog.csdn.net/libusi001/article/details/128962105