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. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處2. javascript - ios返回不執行js怎么解決?3. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題4. 視頻文件不能播放,怎么辦?5. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事?7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數據9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了
