求教 vue v-html 内含子组件 如何渲染?

Question

<div v-html="content"></div>

<script>
    export default {
        data() {
            return {
                content:"<mapdata></mapdata>"
            }
        }
    }
</script>

求教像这样 如果渲染 v-html 生成出来的子组件呢?

content 是后台编辑器传过来的 会夹杂一些文本和其他的内容 包含子组件.

Answer 1

v-html 为了避免 xss 攻击，是不会处理 vue 组件的
你需要 Vue.compile： https://cn.vuejs.org/v2/api/i...
不过要记住，无论你使用 v-html 还是 Vue.compile 都是有风险的

Answer 2

用render渲染子组件