微信小程序獲取自定義屬性的值

之前寫小程序用到自定義屬性,今天說說所這個自定義屬性吧,希望可以幫到各位兄弟。有個小坑得填填

首先看看wxml

<view class='box' bindtap='getValue'>
    <view class='first' data-num="1024" data-name="張三">第一個view</view>
    <view class='second' data-age="2017" data-con="李四">第二個view</view>
    <text >第一個view的自定義屬性:{{first}}</text>
    <text >第二個view的自定義屬性:{{second}}</text>
</view>

然后獲取自定義屬性看看js

 data: {
    first:'',
    second:''
  },
  onLoad: function (options) {},
  getValue(e){
      const that = this;
      that.setData({
        first: e.target.dataset.name,
        second: e.target.dataset.conbn
      })
  }

這里有個坑需要說下,我這里寫的data-name也可以這么寫data-Name,但是你在js里面獲取的時候必須要寫成小寫,不管在wxml里寫的是駝峰還是什么,在js獲取的時候必須是小寫要不就獲取不到,一定得是小寫哦。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,991評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,532評論 25 708
  • 我沒有逃避多久 就一定會回到現世 即使在妄想里 也無法放肆歡脫自己 我享受孤獨 隔絕自己 不喜太過親密的朋友關系 ...
    慕斯烈濃Vinky閱讀 263評論 0 0
  • cat /var/log/auth.log | tailsshd[1781]: error: Received d...
    thebeeman閱讀 3,110評論 0 0
  • 文/曲尚菇涼 01. 我時常在想,喜歡一個人和愛一個人的區別。可能喜歡是想要占有,而愛是想要保護。 前些日子,米拉...
    曲尚閱讀 900評論 7 12