欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2023年08月17日 11:33:15   作者：奈何-1912*  
這篇文章主要給大家介紹了關于uni-app自定義組件components導入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細,需要的朋友可以參考下

一、排查問題

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

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

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

二、第二種方法

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

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

三、其他問題

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

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

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

console面板無打印記錄

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

總結 

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

相關文章

最新評論