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>