vue 拼接出来的组件有什么办法可以让组件生效嘛

Question

项目中用到element-ui, 比如说我要动态生成N个组件。
<template>

<div class="search" ref="search" v-html="sHtml"></div>

</template>

<script type="text/javascript">

export default {

    data() {

        return {

            sHtml: '',

        }

    },

    props: {

        con: {

            type: Array

        }

    },

    created() {

        this.con.map((v, i) => {

            this.sHtml += '<el-'+ v.type +' class="'+ v.style +'" placeholder="'+ v.placeholder +'" v-model="'+ v.name +'"></el-' + v.type +'>';

        });

    },

}

</script>

有什么办法可以让element插件渲染出在页面中呢？

Answer 1

直接在引用组件的地方v-for不行么。。