【Vue】动态给id设置style样式

迷南。 2024-03-27 15:23 132阅读 0赞

一、背景

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

二、代码

1、监听字段

  1. watch:{
  2.     taskNum(to,do){
  3.         if(to!=do)
  4.             this.check();
  5.         }
  6.     },
  8. methods:{
  9.     check（）{
  11.     },
  12. }

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

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

有用请点赞，养成良好习惯！

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

发表评论

表情：
评论列表 （有 0 条评论，132人围观）

还没有评论，来说两句吧...

相关阅读