首頁 >微信小程式 >小程式開發 >小程式data-是什麼

小程式data-是什麼

angryTom
angryTom原創
2020-03-27 13:24:014263瀏覽

小程式data-是什麼

小程式data-是什麼

小程式中的data-是自訂屬性。

所謂data-其實就是data-前綴加上自訂的屬性名,使用這樣的結構可以進行資料存放。使用data-可以解決自訂屬性混亂無管理的現狀。

dataset

在元件中可以定義數據,這些數據將會透過事件傳遞給 SERVICE。書寫方式: 以data-開頭,多個單字由連字符-鏈接,不能有大寫(大寫會自動轉成小寫)如data-element-type,最終在event.currentTarget.dataset 中會將連字符轉成駝峰elementType。

範例:

<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view>

js程式碼:

Page({
  bindViewTap:function(event){
    event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
    event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写
  }
})

PHP中文網,大量免費小程式開發教學,歡迎學習!

以上是小程式data-是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn