鍍金池/ 問答/HTML/ did you register the component correctly

did you register the component correctly?

配置了'i-tab-pane': Tabpane還是報(bào)錯(cuò)，配置代碼如下

<template>
  <div class="page-common">
    <i-tabs>
      <i-tab-pane label="微信號(hào)備份">
        內(nèi)容
      </i-tab-pane>
    </i-tabs>
  </div>
</template>

<script>

  import {
    Tabs,
    Tabpane
  } from 'iview'

  export default{
    name:"data-center",
    data(){
      return {msg: 'hello vue'}
    },
    components: {
      'i-tabs' : Tabs,
      'i-tab-pane': Tabpane
    }
  }
</script>

錯(cuò)誤信息是：

[Vue warn]: Unknown custom element: <i-tab-pane> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <DataCenter> at src/views/數(shù)據(jù)中心/data-center.vue
       <Index> at src/views/index.vue
         <App> at src/app.vue

我把我的demo項(xiàng)目放在了GitHub地址：
https://github.com/liaodalin1...

我嘗試過在全局配置：

Vue.component("Tabpane", Tabpane);

還是沒有作用。
請(qǐng)問這個(gè)怎么解決呢 ?

回答
編輯回答
有點(diǎn)壞

改為

components: {
      ITabs : Tabs,
      ITabPane: Tabpane
    }
2017年2月13日 07:41
編輯回答
初念

自定義標(biāo)簽例如你的：<i-tab-pane></i-tab-pane>
對(duì)應(yīng)的標(biāo)簽聲明和初始化名稱應(yīng)為：ITabPane(即第一個(gè)字母及每個(gè)——后的第一個(gè)字母都要大寫)

2017年2月8日 05:04