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：在组件模板中呈现动态信息

回答

相关问题