Vue | css如何使用js中的变量

如在Vue中,我们可以绑定在style上面变量,然后使用css来使用该变量,如下:

<div class="layersBox unselect" v-move :style="`--color: ${theme}`">
.layersBox {
  color: var(--color);
}

这样子便可以在css或者less等样式文件中使用js控制的变量的值,可以用来做动画或者一下其他的事情,非常便利。

posted @ 2023-02-26 20:15  槑孒  阅读(544)  评论(0编辑  收藏  举报