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插件渲染出在頁面中呢?
問題解答
回答1:直接在引用組件的地方v-for不行么。。
回答2:直接一點不行嗎,比如
<p ref='search'> <el-input v-model='keyFrom.id' size='small' placeholder='請輸入內容'></el-input> </p>回答3:
現在不支持編譯html了,1.0的時候可以
回答4:直接使用v-for,通過數據【array】渲染組件
回答5:可以參考:https://cn.vuejs.org/v2/guide...動態組件
<component v-for='item in con' :is='item.name'></component>
相關文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?2. docker-compose中volumes的問題3. docker-machine添加一個已有的docker主機問題4. golang - 用IDE看docker源碼時的小問題5. docker不顯示端口映射呢?6. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!7. docker內創建jenkins訪問另一個容器下的服務器問題8. javascript - 最近用echarts做統計圖時遇到兩個問題!!9. docker容器呢SSH為什么連不通呢?10. mac里的docker如何命令行開啟呢?

網公網安備