vue动态更改iview组件主题颜色

Question

比如我想动态设置:style
那么如何设置带有伪元素的呢？
比如我想动态更改radio选中之后的背景色
'.ivu-radio.ivu-radio-checked .ivu-radio-inner::after': 'background: red'

<Radio :style="[isSelected(item) ? 'background: red' : '']"

改他本身可以，但是伪元素怎么操作呢？
或者还有什么其他方法动态更改样式没

Answer 1

单独的样式进行控制，自定义的类

Answer 2

通过判断状态给他加一个自定义的类名，然后在样式里面通过类名去修改样式

<radio :class="isSelected(item)?'selected':''">

selected::after{
    //内容
}

Answer 3

iview 官方有提供一些默认可配置的主题

在配置列表里面如果有可以直接通过定义一个自定义主题来修改

在配置列表里面没有的 在自己定义class + 伪类来覆盖

可配置主题列表