返回

vue.js-Vuejs在方法内构建/渲染组件并输出到模板中

发布时间:2022-07-19 03:31:58 216
# 前端

我有一个带有组件名称的字符串(例如,因为它是一个具有许多键/值的对象,想要循环并附加到 htmloutput)。是否可以在方法中渲染/构建组件并显示 html 输出?

这可能吗?我怎样才能做到这一点?

     <template>

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

     </template>

<script>

    export default {

        component: {

            ComponentTest

        },

    data() {

            return {

                htmloutput: ''

            }

        },

    methods:{

        makeHtml(){

            let string = 'component-test';//ComponentTest

            //render the ComponentTest directly

            this.htmloutput = ===>'HERE TO RENDER/BUILD THE COMPONENTTEST'<==

        }

    },

    created(){

            this.makeHtml();

    }

</script>

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(2)
按点赞数排序
用户头像