configure "i Murray panel: Tabpane or report an error. The configuration code is as follows
<template>
<div class="page-common">
<i-tabs>
<i-tab-pane label="">
</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>
error message is:
[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//data-center.vue
<Index> at src/views/index.vue
<App> at src/app.vue
I put my demo project at the GitHub address:
https://github.com/liaodalin1.
I have tried to configure it globally:
Vue.component("Tabpane", Tabpane);
still has no effect.
how to solve this problem?