【在css中使用js变量】

前言

在css中使用js的变量，我只找到这一种方法。如果有其他方法，求各位大佬赐教。

---

二、使用步骤

1.定义参数和传递到参数

<template>
<div class="content" :style="{ '--colorPrimary': colorPrimary }">
	123456789
</div>
</template>

export default {
  data() {
    return {
      colorPrimary: "#afd10c"
    };
  },
 };

2.在css中使用

在less中的定义方法使用@，其他css插件自行转换

<style lang="less">
@--color-primary: var(--colorPrimary);
.content {
	color: @--color-primary;
}
</style>

---