vue 解決迴圈引用元件報錯的問題

2021-09-13 09:04:04 字數 1144 閱讀 5871

最近在做專案的時候遇到使用迴圈元件,因為模式一樣,只有資料不一樣。按照普通元件呼叫格式來做的時候總是報錯,錯誤資訊為[vue warn]: unknown custom element: - did you register the component correctly? for recursive components, make sure to provide the "name" option.

查詢了網上各種資料之後,發現是迴圈呼叫元件時,元件比vue例項後建立,官方文件裡寫元件必須先於例項化引入,所以說元件沒有正確的引入。

解決的方式就是全域性引入元件,並且在vue例項化前。

具體到我們專案中,就是在main.js裡引入。

import vue from 'vue'

import router from './router'

import store from './store';

import iview from 'iview';

import './styles/index.less'

import 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()

用上面的方法全域性引入元件就可以解決迴圈引用元件報錯的問題。

Android解決Handler報錯的問題

asynchttpresponsehandler使用過程中報錯,無法引入org.apache.http.header 在使用androidstudio時,採用高編譯版本版本android6.0,報錯,引用的org.apache.http.header類找不到。說apache http client在...

c 互相引用導致無限迴圈引用的報錯

在寫乙個大的程式時,常常要定義很多類,每個類有各自的用途。乙個類很可能會包含另乙個類定義的成員變數。假如有乙個類a,乙個類b。類a有乙個成員變數b b。類b有乙個成員變數a a。這時我們在定義類a和類b時會分別在開頭時包含引用到的.h檔案。這樣會導致編譯出錯。具體例子如下 mutou.h檔案 如下 ...

vue中頁面中的引用元件

1.了解目錄結構 pages資料夾存放我們這個專案所有的頁面 home資料夾存放home頁面的元件 home.vue是home頁 components資料夾存放組成home頁的小組件 例子 把swiper.vue放入home.vue 1.每乙個元件都有乙個 出口名字 在外面引用這個元件就會用他這個名...