Maison  >  Article  >  interface Web  >  Que faire s'il y a une erreur lors du référencement circulaire de composants dans vue.js

Que faire s'il y a une erreur lors du référencement circulaire de composants dans vue.js

coldplay.xixi
coldplay.xixioriginal
2020-11-12 11:05:551901parcourir

La solution à l'erreur des composants de référence circulaires dans vue.js : introduire des composants globaux dans [main.js], le code est [import Axios from './utils/axiosPlugin'].

Que faire s'il y a une erreur lors du référencement circulaire de composants dans vue.js

[Articles connexes recommandés : vue.js]

La solution à l'erreur des composants de référence circulaires dans vue.js :

Solution

Requête Après avoir lu diverses informations sur Internet, j'ai découvert que lors de l'appel cyclique d'un composant, le composant est créé après l'instance de vue. Le document officiel indique que le composant doit être introduit avant l'instanciation, donc le composant n'est pas introduit correctement.

Solution

La solution consiste à introduire le composant globalement et avant que vue ne soit instanciée.

Plus précisément dans notre projet, il est introduit dans main.js.

Le code spécifique est le suivant 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);
 
Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)
Vue.component("selFile",selFile)
 
Vue.config.productionTip = false
 
/* eslint-disable no-new */
new Vue({
 el: '#app',
 store,
 router,
 components: { App },
 template: &#39;<App/>&#39;
})

Recommandations d'apprentissage gratuit associées : JavaScript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn