vue中v-html里怎么样渲染vue组件元素？

Question

let userStatus = '<el-tag>xxxx</el-tag>';

<el-table-column
    align="center"
    label="状态"
    width="80"
    prop="status"
>
    <template slot-scope="scope">
       <div v-html="userStatus"></div>
    </template>
</el-table-column>

如上所示，需要动态渲染<el-tag>组件，但使用v-html无法渲染<el-tag>，请求这种情况下要怎么做呢？

我查询资料发现需要使用Vue.compile来动态编译，但具体要怎么做呢？有没有大神给个示例？

Answer 1

虽然停魔幻的，但是我居然找到了，涨姿势了 ..
https://blog.csdn.net/weixin_...

Answer 2

用render实现不香吗?

Answer 3

用render或者jsx写吧