javascript - 请问vue 子组件模板 怎么用父组件传递的html字符串？

问题描述

问 题

请问vue 子组件模板 怎么用父组件传递的html字符串？
父组件要传递一段html到子组件。
下面的写法报错 Component template requires a root element, rather than just text。

<div id="app">
    <comp :temp="this.temp"></comp>
    </div>
    var vm=new Vue({
            el:"#app",
            data:{
                temp:"<div>1234</div>"
               },
            components:{
            "comp":{
            template:'this.temp',
            props:['temp']
            }}
    })

解决方案

应该不可以吧，组件模板要先编译成 render 函数再使用的

你可以考虑写成 render 函数，在 render 函数里接受父组件传来的参数，实现可变组件，但直接接受父组件的 html 串作为模板应该是不可行的

这篇关于javascript - 请问vue 子组件模板 怎么用父组件传递的html字符串？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！