微信小程式 自定義元件

2022-05-03 21:24:07 字數 513 閱讀 6907

建立自定義元件

元件的構成類似頁面,由json wxml wxss js 4個檔案組成。在新建乙個元件的時候需要在元件的json檔案中設定 components 字段 true

在元件wxss中不應使用id選擇器、屬性選擇器和標籤名選擇器。(這句是官方說的,我想應該是會全域性汙染)

自定義元件的js檔案和頁面的js生命週期不一樣,需要使用component()來註冊。當然元件使用的時候可以使用父級傳遞的資料。

使用自定義元件

父級頁面使用元件的時候需要在json中設定 usingcomponents 引入相應的元件。需要注意的是路徑,路徑可以從根目錄下開始寫。

『/components/list/list』

這裡的components 資料夾是我專門放置元件的檔案,和pages同級。

這裡的list是我定義的乙個自定義元件。

參考鏈結

小程式自定義元件介紹

component構造器 -自定義元件中的構造器

component.html

微信小程式自定義元件

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

微信小程式自定義元件

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

微信小程式 自定義元件

81 在根目錄下新建 components 資料夾 2 和建立普通的頁面一樣,建立 showloading資料夾,裡面包含 showloading.wxml,showloading.wxss,showloading.js,showloading.json 4個檔案 3 宣告自定義元件,在 showl...