uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法

更新時間：2023年08月17日 11:33:15 作者：奈何-1912*

這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下

一、排查問題

一般來說分三步走，如下圖

如果引入不成功則考慮以下幾個問題：

是 components 而非 component
導(dǎo)入后的命名方式采用駝峰命名法
檢查需要引入的文件路徑和文件名是否正確

二、第二種方法

如果還有問題，則采用第二種方式直接在 components 中引入、注冊一體，引入直接使用 changeLib 即可。如下示例：

components: {
	"changeLib": () => import('../../pages/profile/changeLib.vue')
},

三、其他問題

components 引入的文件作為子組件，其加載的有些生命周期不會執(zhí)行，如果頁面有需要預(yù)加載數(shù)據(jù)的，建議放在 created 中進(jìn)行接口數(shù)據(jù)請求，而不是使用 onLoad、onReady 等鉤子。關(guān)于這一點本人已經(jīng)深有體會。

1、使用onLoad 、onReady 鉤子請求數(shù)據(jù)時，頁面無數(shù)據(jù)

network面板無接口數(shù)據(jù)記錄

console面板無打印記錄

2、使用 created 時，console 面板和 network 面板均出現(xiàn)數(shù)據(jù)

總結(jié)

到此這篇關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法的文章就介紹到這了,更多相關(guān)uni-app components導(dǎo)入失敗內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: