微信小程式自定義元件的巢狀使用

2021-10-06 01:20:07 字數 762 閱讀 2937

自定義元件component中有的hello元件和 world元件,想要在world元件中引用hello元件應該怎麼做呢?

由於自定義元件的hello元件是私有元件(也就是自己建立的元件)那麼想要在哪個元件裡面用的話,還需進行註冊。

首先在world元件的公共樣式檔案world.json中註冊hello元件:使用usingcomponents進行註冊,先建立乙個my-hello的標籤名,通過相對路徑查詢法…/…/components/hello/hello就註冊好了。要注意的是其中第二個hello指的是hello.js檔案。

然後在world檢視層中使用標籤。

這樣hello元件便巢狀在world元件中了。

如果要在頁面級元件cart中使用hello元件第一步要在cart.json中使用相對路徑查詢法,因為hello元件已經巢狀在world元件中了所以使用 「my-world」:"…/…/components/world/world"

第二步在cart的檢視層中使用標籤:

這樣就完成了元件的巢狀使用,要注意只可以在world元件中使用hello元件,不可以反過來使用,否則會出現報錯

微信小程式 使用自定義元件

在使用中,自定義元件的使用是必不可少的 第一步 在pages同一等級建立component檔案,在component建立元件gameover。這是乙個彈框 gameover.wxml 遊戲結束 最終得分 最終排名 確定gameover.wxss mask layer modal box title ...

微信小程式自定義元件

父元素 子元件 可以由多個 子元件 a,b,c,d 父元素 首先是關於元件的建立 1 單獨建立乙個資料夾存放 wxss x.js wxml json這四個檔案,其中主要對元件進行宣告的是json檔案,需要寫入 這段 就是讓元件允許被使用,如果元件需要呼叫另乙個元件中,那麼就需要再usingcompe...

微信小程式自定義元件

根據專案需要,抽離出公共的元件。1 在專案根目錄新建乙個component的資料夾,然後新建自己需要的檔案 專案目錄如下 在component裡面我新建了3個子元件。2 子元件的寫法 只有js檔案格式不一樣,其他的檔案都正常寫。js需要自定義乙個component,參考 示例 component d...