溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue 解決循環(huán)引用組件報錯的問題

發(fā)布時間:2020-10-21 12:28:00 來源:腳本之家 閱讀:241 作者:lx_1024 欄目:web開發(fā)

做項目時遇到使用循環(huán)組件,因為模式一樣,只有數(shù)據(jù)不一樣。但是按照普通的組件調(diào)用格式來做時報錯,錯誤信息為Unknown custom element: <pop> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

查詢了官方文檔,還有其他的資料,發(fā)現(xiàn)是循環(huán)調(diào)用組件時,組件比vue實例后創(chuàng)建,官方文檔里寫組件必須先于實例化引入,所以說組件沒有正確的引入。

解決的方式是全局引入組件,并且在vue實例化前。

具體代碼如下:若在項目中,一般是在main.js里引入

import pop from "@/views/popViews/pop.vue"
Vue.component('questionPop', questionPop)
new Vue({
 el: '#app',
 router,
 store,
 template: '<App/>',
 components: { App }
})

以上這篇vue 解決循環(huán)引用組件報錯的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI