Question

我使用 egoist / vue-html 插件来呈现HTML，它可以与标准HTML一起使用，但在包含组件标记时失败。

例如，在模板中包含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>

Answer 1

使用带连字符的组件名称。每the draft spec：

自定义元素类型 标识自定义元素界面，并且是   必须与NCName制作匹配的字符序列   [XML-NAMES]，必须包含U + 002D HYPHEN-MINUS字符，必须   不包含任何大写ASCII字母[HTML]。自定义元素   类型不得是以下值之一：


注释的XML

颜色配置文件

字体面

字体面-SRC

字体面-URI

字体面格式

字体面名

丢失字形

Vue js：使用组件在模板中呈现动态信息

1 个答案: