vue如何解决循环引⽤组件报错的问题
问题由来
最近在做项⽬的时候遇到使⽤循环组件，因为模式⼀样，只有数据不⼀样。按照普通组件调⽤格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
解决⽅案
查询了⽹上各种资料之后，发现是循环调⽤组件时，组件⽐vue实例后创建，官⽅⽂档⾥写组件必须先于实例化引⼊，所以说组件没有正确的引⼊。
unknown怎么处理解决⽅式
解决的⽅式就是全局引⼊组件，并且在vue实例化前。
具体到我们项⽬中，就是在main.js⾥引⼊。
具体代码如下main.js：
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store';
import iView from 'iview';
import './styles/index.less'
import {VTable,VPagination} from 'vue-easytable'
import 'vue-easytable/libs/themes-base/index.css'
import Axios from './utils/axiosPlugin'
import './styles/button.css'
import './styles/common.css'
/
/ require('./mock/mock')
import selFile from './views/file/selFile.vue'
Vue.use(iView);
Vue.use(Axios);
Vueponent(VTable.name, VTable)
Vueponent(VPagination.name, VPagination)
Vueponent("selFile",selFile)
/* eslint-disable no-new */
new Vue({
el: '#app',
store,
router,
components: { App },
template: '<App/>'
})
⽤上⾯的⽅法全局引⼊组件就可以解决循环引⽤组件报错的问题。
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。