ホームページ  >  記事  >  ウェブフロントエンド  >  vue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法

vue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-12 11:05:551920ブラウズ

vue.js の循環参照コンポーネントのエラーの解決策: [main.js] にグローバル コンポーネントを導入します。コードは [import Axios from './utils/axiosPlugin'] です。

vue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法

【おすすめ関連記事:vue.js

vue.js の循環参照コンポーネントのエラーの解決策:

解決策

クエリネットで色々な情報を読んだところ、コンポーネントを周期的に呼び出すとvueインスタンスの後にコンポーネントが作成されてしまうのですが、公式ドキュメントではインスタンス化の前にコンポーネントを導入しなければならないと記載されており、正しくコンポーネントが導入されていません。

解決策

解決策は、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);
 
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;
})

関連する無料学習の推奨事項: JavaScript (ビデオ)

以上がvue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。