Question

vue 子组件怎么用父组件传递的html字符串

Answer 1

<div id="app">
    <child :para="this.argus" :temp="this.html"></child>
</div>
<script>
   var vm = new Vue({
    el: "#app",
    data: {
        html: `<video></video>`,
        argus: {src:"movie.ogg",
        controls:"controls"}
    },
    components: {
        child: {
            functional: true,
            render:(h, context)=> {
                const temp = context.props.temp;
                const para = context.props.para;
                return h({template: temp}, {
                    attrs: para
                })
            },
            props: {
                temp: {
                    type: String,
                    required: true
                },
                para: {
                    type: Object,
                    required: true
                }
            }
        }
    }
})
</script>