問題描述

項(xiàng)目中用到element-ui, 比如說(shuō)我要?jiǎng)討B(tài)生成N個(gè)組件。<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插件渲染出在頁(yè)面中呢？

問題解答

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

直接一點(diǎn)不行嗎,比如

<p ref='search'> <el-input v-model='keyFrom.id' size='small' placeholder='請(qǐng)輸入內(nèi)容'></el-input> </p>回答3：

現(xiàn)在不支持編譯html了,1.0的時(shí)候可以

直接使用v-for，通過數(shù)據(jù)【array】渲染組件

可以參考:https://cn.vuejs.org/v2/guide...動(dòng)態(tài)組件

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