Vue js：在組件模板中呈現動態信息

我正在使用egoist/vue-html插件來呈現HTML，並且它在標準HTML中正常工作，但在包含組件標記時失敗。Vue js：在組件模板中呈現動態信息

例如，在模板中包含Breadcrumb組件時，該組件不起作用。我究竟做錯了什麼？

這是我到目前爲止有：

<script> 
import Breadcrumb from '~components/Breadcrumb' 
import Vue from 'vue' 
import HTML from 'vue-html' 

Vue.use(HTML) 

export default { 
    data() { 
    return { 
     html: '<div><Breadcrumb/></div>' 
    } 
    }, 
    render (h) { 
    return this.$html(this.html) 
    }, 
    components: { 
    Breadcrumb 
    } 
} 
</script>

來源

2017-05-17 Rohit Bajaniya

錯誤，你遇到了什麼（在瀏覽器控制檯，或在您的捆綁，例如的WebPack）？ –

未發現任何錯誤，但未在瀏覽器中呈現組件。 –

** Breadcrumb **是一個組件而不是標籤。 –

使用連字符組件名稱。每the draft spec：

的定製元素類型識別定製元件的界面和字符的序列必須匹配的NCName生產 [XML-NAMES]，必須包含U形+ 002D HYPHEN-MINUS字符，並且必須而不是包含任何大寫ASCII字母[HTML]。定製元素類型不能是下列值之一：

註釋的XML

顏色配置

字體面

字體面-SRC

字體 - face-uri

font-face-format

font-face-name

失蹤字形

來源

2017-05-17 14:35:08

謝謝...... @羅伊J –

Vue js：在組件模板中呈現動態信息

回答

相關問題