昨天在做乙個省市縣**聯動子元件,檔名稱為threelink.vue,結果總是報以下錯誤,用了各種方法還是報錯,系統引入過另乙個元件fetch.vue沒有問題,但這元件總是報以下錯誤。
unknown custom element: - did you register the component correctly? for recursive components, make sure to provide the 「name」 option.
**如下:
**為:
export default
,//檔案中使用為:
"16"
class
="city-select"
>
"adcode"
>
<
/three-link>
<
/el-col>
經過反覆檢查,由於這個元件名稱是2個字母引入,由於vue在不同的地方對駝峰字元要求不一下,引入檔案改為如下才能使用。
import threelink from "@/components/xiyou/threelink/threelink"
export default
,
根據規範注意以下:
1、子元件檔名全為小寫:threelink
2、子元件export名第一字元大寫:threelink
3、引入元件每個字元都要大寫:threelink
4、components,與第3一樣
5、使用的地方,用小寫字元,用「-」分隔開,three-link
此問題反覆試了多次,特此記錄。
vue怎麼引入子元件
第一步 例子是在aboutus.vue介面引入子元件sidefloating.vue,如下圖 第二步 給子元件sidefloating.vue命名乙個全域性的id 第三步 返回aboutus.vue頁面,引用sidefloating.vue子元件 如下圖 首先引入介面,indexfloating對應...
vue元件引入另一vue元件
個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...
動態引入vue元件
乙個頁面是由多個元件組合而成的,這個頁面需要import多個元件,如果整個page.vue檔案裡面全是import不太美觀,新建乙個asyncloadcomp.vue元件用來動態引入元件,新建乙個index.js檔案用來引入所有元件檔案 page.vue import asyncloadcomp f...