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

小程式data-是什麼

angryTom
發布: 2020-03-27 13:24:01
原創
4326 人瀏覽過

小程式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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
現在個人嫩申請微信小程序
來自於 1970-01-01 08:00:00
0
0
0
javascript - 小程式中遇到js執行時序問題
來自於 1970-01-01 08:00:00
0
0
0
用php如何產生小程式的小程式碼?
來自於 1970-01-01 08:00:00
0
0
0
微信小程式
來自於 1970-01-01 08:00:00
0
0
0
小程式可以用來開發功能性程式嗎?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板