Vue报错—— Unknown custom element: [v-table] - did you register the component correctly...解决办法

版权声明：如果对您有所帮助，那就随手分享帮助更多人吧！ https://blog.csdn.net/weixin_43970743/article/details/89517183

今天怂怂就为大家分享一篇如何解决自定义了一个组件vTable，在nationsjgx-detailInfo.vue中页面中使用vTable组件提示： Unknown custom element: <v-table> - did you register the component correctly? For recursive components, make sure to provide the "name" option.报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随怂怂过来看看吧

首先在浏览已引用组件的页面调试发现出现此错：

解决办法：

一，问题分析出自哪里：

首先解析下这个报错是啥意思：

“未知的自定义组件：<v-table>-是否正确注册了该组件？对于递归组件，请确保提供“name”选项...”

这就很清楚了，原来是自定义组件name或者是未正确引入自定义组件；

二：解决问题：

1、是否在页面上注册组件

     正确注册组件：

 export default {
    data(){
          return{
    },
    components: {
        vTable // //注册组件
    },
  }
}

2、是否在页面上引入正确写好的组件（本文以table.vue为例，组件路径：components/common/table）

你们引入的时候看清自己的组件位置与你本页面的位置，组件路径位置引入对！

正确引入组件：

<script>
  import vTable from '../../components/common/table'  //引入组件
</script>

   报此错检查以上两点是否都正确，即可解决自定义组件报错问题；

   实例演示：