element 颜色选择器 实现更换主题颜色

<template>
    <div>
        <span v-html="styleInner"></span>
        
       <el-color-picker v-model="themeColor" show-alpha></el-color-picker>

        <div class='themeClass'>kkkkkk</div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            themeColor: '#112122',
            styleInner: ''
        }
    },
    watch: {
        themeColor(n, o) {
            this.styleInner = `<style>.themeClass{ color: ${n};}</style>`
        }
    }

}
</script>