03小程式自定義元件

2021-10-10 23:30:35 字數 951 閱讀 4574

​ 在需要引入元件的頁面檔案下的json格式中新增component欄位 , 值為true`

}

1.元件內不能使用類選擇器以外的選擇器。

2.自定義的元件標籤名最好只是小寫字母中劃線、下劃線的組合,且命名不能以wx-開頭。

元件內的類樣式與元件外的類樣式,預設是有乙個隔離的效果。(類似沙盒模式)。

​ (1)元件內的樣式預設只在元件內生效,對引用元件的page頁面不生效。

​ (2)元件內不能使用id選擇器,屬性選擇器,標籤選擇器。

元件外部只有使用標籤選擇器才會對元件內的樣式造成影響,id選擇器和類選擇器不會對元件內的樣式造成影響。

在component物件中,可以傳入乙個options屬性,其中options屬性中有乙個styleisolation(隔離)屬性。 styleisolation有三個取值:

​ (1)-isolated表示啟用樣式隔離,在自定義元件內外,使用 class 指定的樣式將不會相互影響(預設取值);

(3) -shared表示頁面 wxss 樣式將影響到自定義元件,自定義元件 wxss 中指定的樣式也會影響頁面和其他設定 了

component(}

)

在component物件中,有個properties屬性用來向元件傳遞資料。(有點類似vue的 props)

component(,

//樣式隔離

properies的定義的型別不限制,可以是string、number、boolean、object、array、null等等

properies:}}

)

小程式之自定義元件

小程式允許我們使用自定義元件的方式來構建頁面。自定義元件官方文件 類似於頁面,乙個自定義元件由jsonwxmlwxssjs4個檔案組成 首先需要在 自定義元件下json檔案中進行自定義元件宣告 同時,還要在wxml檔案中編寫元件模板,在wxss檔案中加入元件樣式 注意 在元件wxss中不應使用id選...

小程式中自定義元件

一般單獨放在乙個資料夾中 類似以線面的這種結構,單獨出來 和一般新建的page頁面不同的是 字尾名是js 檔案中的page 變成了component 字尾名為json的檔案中多了 component true 使用的時候 需要在指定使用頁面的json 檔案中做配置 參考如下配置 前面的是元件的名稱,...

微信小程式自定義元件

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