vue项目：动态修改伪类选择器before中的属性值

背景：标签列表中标签明前面需要展示根据标签名自带的颜色

 问题：颜色框是通过::before来生成的，现在的background是写死的，所以需要修改::before中的background属性

解决：

1，在css中使用变量

• var()函数用于读取变量。
• 声明css变量的时候，变量名前面要加两根连词线（--）

2,根据css中使用变量的方法,我们可以结合vue中动态行内样式进行伪元素动态属性设置 

 

 注意：“--bgColor”不需要在data函数中声明