vue2.6 ，echarts tooltip formatter 如何展示自定义vue组件内容？

Question

vue2.6 ，echarts tooltip formatter
如何展示自定义vue组件内容？

---

自问自答

已经搞定了

import Vue from 'vue';
import empCard from './empCard.vue'

components: {
    empCard,
},
data() {
    return {
        option: {
            tooltip: {
                formatter: (res) => {
                    const dom = document.createElement('div')
                    const com = new Vue({ render: (h) => h(empCard, { props: { customerData: {} } }) }); // 保重每个组件是全新的
                    const instance = com.$mount(dom) // 挂载组件
                    return instance.$el.innerHTML;
                },
            },
        }
    }
},

注意：唯一的缺点，就是自定义组件不能使用 scss 类的语法（目前用了scss语法大部分无效），只能些普通的css。