怎么动态改变element内部dom元素的样式？

Question

比如我封装了组件A，A中引入了el-switch,我想动态修改el-switch__core:after所对应的span的color属性，修改的值由调用组件A的父组件通过props传值决定。这个怎么玩？我试了css的var变量功能，但是由于无法在页面上为对应的dom绑定style，未生效。请教各位高手。

Answer 1

你可以对span元素动态的添加或删除class来实现的after伪元素的样式变更

    .normal::after{
    ...
    }
    .normal.selected::after{
    ...
    }