通过Vue的`:style`指令，我们可以动态地改变伪元素的样式。通过动态绑定`style`属性，我们可以声明一个CSS变量（例如`--`），并将变量的值赋给伪元素的背景颜色。例如，在HTML中，我们可以使用以下代码：```html

class="chart-" :style="{ '--': color }">

```在CSS中，我们可以使用`var()`函数来读取`--`变量，并将其作为伪元素的背景颜色。例如：```CSS.chart- { width: 80px; : 80px; : ; &:: {: "";: ;top: 0;left: 0;width: 6px;: 6px;-: 50%;-color: var(--); }}```这样，当`color`变量的值发生变化时，伪元素的背景颜色也会相应地改变。class="em">="em">="em">3#### 引用[.]- *1* *3* [vue动态设置css样式，设置class以及::伪元素背景图片]()[="" data--click={"spm":"1018.2226.3001.9630","extra":{"":"","":"..none-task-cask-2~all~~-1-null.142^v93^"}}] [.]- *2* [vue动态设置::伪元素样式背景颜色]()[="" data--click={"spm":"1018.2226.3001.9630","extra":{"":"","":"..none-task-cask-2~all~~-1-null.142^v93^"}}] [.][ . ]