版权声明:如果对您有所帮助,那就随手分享帮助更多人吧! 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>
报此错检查以上两点是否都正确,即可解决自定义组件报错问题;
实例演示: