uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
一、排查問題
一般來說分三步走,如下圖
如果引入不成功則考慮以下幾個(gè)問題:
- 是 components 而非 component
- 導(dǎo)入后的命名方式采用駝峰命名法
- 檢查需要引入的文件路徑和文件名是否正確
二、第二種方法
如果還有問題,則采用第二種方式直接在 components 中引入、注冊(cè)一體,引入直接使用 changeLib 即可。如下示例:
components: { "changeLib": () => import('../../pages/profile/changeLib.vue') },
三、其他問題
components 引入的文件作為子組件,其加載的有些生命周期不會(huì)執(zhí)行,如果頁面有需要預(yù)加載數(shù)據(jù)的,建議放在 created 中進(jìn)行接口數(shù)據(jù)請(qǐng)求,而不是使用 onLoad、onReady 等鉤子。關(guān)于這一點(diǎn)本人已經(jīng)深有體會(huì)。
1、使用onLoad 、onReady 鉤子請(qǐng)求數(shù)據(jù)時(shí),頁面無數(shù)據(jù)
network面板無接口數(shù)據(jù)記錄
console面板無打印記錄
2、使用 created 時(shí),console 面板和 network 面板均出現(xiàn)數(shù)據(jù)
總結(jié)
到此這篇關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法的文章就介紹到這了,更多相關(guān)uni-app components導(dǎo)入失敗內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript中document.referrer的用法詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中document.referrer的用法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-07-07解析js如何獲取當(dāng)前url中的參數(shù)值并復(fù)制給input
本篇文章是對(duì)js獲取當(dāng)前url中的參數(shù)值并復(fù)制給input的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06Javascript學(xué)習(xí)筆記6 prototype的提出
所以你還會(huì)再說是否用prototype都是一樣的么?其實(shí)我以前也是這么理解的,在這次偶然的試驗(yàn)中看到了這個(gè)問題。2010-01-01javascript學(xué)習(xí)筆記(三)顯示當(dāng)時(shí)時(shí)間的代碼
主要是為了熟悉javascript中在date對(duì)象,大家可以看下。2011-04-04