日本黄色小视频在线观看-日本黄色性视频-日本黄色一级-日本黄色一级大片-日本黄色一级片视频-日本黄色一级视频

資訊動態

微信小程序自定義組件

日期:2017-12-27 作者:管理員 來源:互聯網

微信小程序自定義組件

從微信小程序基礎庫版本 1.6.3 開始,微信小程序支持簡潔的組件化編程,微信小程序開發者可以將頁面內的功能模塊抽象成自定義組件,以便在不同的頁面中重復使用;也可以將復雜的頁面拆分成多個低耦合的模塊,有助于代碼維護,微信小程序自定義組件在使用時與基礎組件非常相似。


創建自定義組件

類似于頁面,一個自定義組件由 json wxml wxss js 4個文件組成。要編寫一個自定義組件,首先需要在 json 文件中進行自定義組件聲明(將 component 字段設為 true 可這一組文件設為自定義組件):

{ "component": true }

同時,還要在 wxml 文件中編寫組件模版,在 wxss 文件中加入組件樣式,它們的寫法與頁面的寫法類似。具體細節和注意事項參見 組件模版和樣式 。

代碼示例:

<!-- 這是自定義組件的內部WXML結構 --> <view class="inner"> {{innerText}} </view> <slot></slot>
/* 這里的樣式只應用于這個自定義組件 */ .inner { color: red;
}

注意:在組件wxss中不應使用ID選擇器、屬性選擇器和標簽名選擇器。

在自定義組件的 js 文件中,需要使用 Component() 來注冊組件,并提供組件的屬性定義、內部數據和自定義方法。

組件的屬性值和內部數據將被用于組件 wxml 的渲染,其中,屬性值是可由組件外部傳入的。更多細節參見 Component構造器 

代碼示例:

Component({
  properties: { // 這里定義了innerText屬性,屬性值可以在組件使用時指定 innerText: {
      type: String,
      value: 'default value',
    }
  },
  data: { // 這里是一些組件內部數據 someData: {}
  },
  methods: { // 這里是一個自定義方法 customMethod: function(){}
  }
})

使用自定義組件

使用已注冊的自定義組件前,首先要在頁面的 json 文件中進行引用聲明。此時需要提供每個自定義組件的標簽名和對應的自定義組件文件路徑:

{ "usingComponents": { "component-tag-name": "path/to/the/custom/component" }
}

這樣,在頁面的 wxml 中就可以像使用基礎組件一樣使用自定義組件。節點名即自定義組件的標簽名,節點屬性即傳遞給組件的屬性值。

代碼示例:

<view> <!-- 以下是對一個自定義組件的引用 --> <component-tag-name inner-text="Some text"></component-tag-name> </view>

自定義組件的 wxml 節點結構在與數據結合之后,將被插入到引用位置內。

Tips:

  • 對于基礎庫的1.5.x版本, 1.5.7 也有部分自定義組件支持。

  • 因為WXML節點標簽名只能是小寫字母和下劃線的組合,所以自定義組件的標簽名也只能包含小寫字母和下劃線。

  • 自定義組件也是可以引用自定義組件的,引用方法類似于頁面引用自定義組件的方式(使用 usingComponents 字段)。

  • 自定義組件和使用自定義組件的頁面所在項目根目錄名不能以“wx-”為前綴,否則會報錯。

  • 舊版本的基礎庫不支持自定義組件,此時,引用自定義組件的節點會變為默認的空節點。


二維碼
掃二維碼手機查看該文章
TAG標簽    微信小程序 小程序
當前網址:http://m.abfy.com.cn/wechat/460.html

相關資訊

?
Copyright ? 2007-2025 珠海市網訊互聯信息科技有限公司 m.abfy.com.cn 版權所有
粵公網安備44040202000391號 粵ICP備19117377號 網站地圖 站點地圖
在線客服
主站蜘蛛池模板: 亚洲热热久久九九精品 | 黄色片免费在线观看视频 | 亚洲久久在线观看 | 国产精品亚洲欧美日韩久久 | 亚洲人成影院午夜网站 | 国产亚洲精品一区二区在线观看 | 国产亚洲人成a在线v网站 | 欧美在线香蕉在线现视频 | 久久午夜神器 | 国产精品美女www爽爽爽视频 | 午夜操一操 | 欧美一级毛片免费播放器 | 国产合集福利视频在线视频 | 97在线观看免费观看高清 | 国产一二三区在线观看 | 欧美男女啪啪 | 久久精品国产麻豆不卡 | 中国一级特黄高清免费的大片 | 久久欧洲视频 | 九色九色九色在线综合888 | 精品免费国产一区二区女 | 国产一级黄色网 | 99热在线免费播放 | 国产女人综合久久精品视 | 欧美二区三区 | 西西做人爱免费视频 | 青青青国产免费手机视频在线观看 | 真人一级一级特黄高清毛片 | 国产毛片在线看 | 精品日产| 午夜视频免费国产在线 | 四虎影视免费永久在线观看黄 | 久久亚洲国产成人影院 | 成人国产免费 | 天天爱天天射 | 亚洲精品一二三区-久久 | 国内精品免费视频 | 国产美女流白浆的免费视 | 一区二区日韩 | 日韩久久久精品中文字幕 | 国产精品国偷自产在线 |