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

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

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

解决办法:

一,问题分析出自哪里:

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

“未知的自定义组件:-是否正确注册了该组件?对于递归组件,请确保提供“name”选项...”

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

二:解决问题:

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

     正确注册组件:

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

2、是否在页面上引入正确写好的组件(本文以table.vue为例,组件路径:components/common/table)

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

正确引入组件:

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

   实例演示:

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

你可能感兴趣的:(#,vue,#,java,进阶之路)