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

问题描述

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

<p ref='search' v-html='sHtml'></p>

</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 +’ placeholder='’+ v.placeholder +’' v-model='’+ v.name +’'></el-’ + v.type +’>’;}); },}

</script>

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

问题解答

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

直接一点不行吗,比如

<p ref='search'> <el-input v-model='keyFrom.id' size='small' placeholder='请输入内容'></el-input> </p>回答3：

现在不支持编译html了,1.0的时候可以

直接使用v-for，通过数据【array】渲染组件

可以参考:https://cn.vuejs.org/v2/guide...动态组件

<component v-for='item in con' :is='item.name'></component>