vue在scss中使用data的变量

场景：使用vant框架的时候，需要动态改变元素的字体颜色

templete

<van-checkbox :style="cssVars" v-model="this.checked">{{txt}}</van-checkbox>

computed

computed:{
        cssVars() {
            return {
                "--color": this.color
            };
        },
    },

scss

<style lang="scss" scoped>
    /deep/ .van-checkbox__label{
        color: var(--color)
    }
</style>

THE END