小程序中組件公用屬性和data-的使用


  屬性名                類型                   描述                              注解  

  hidden                Boolean             組件是否顯示               所有組件默認顯示

  data-*                 Any                    自定義屬性                   組件上觸發的事件時,會發送給事件處理函數

  bind* / catch*     EventHandler    組件的事件                   

具體詳情見:https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html#%E5%85%AC%E5%85%B1%E5%B1%9E%E6%80%A7

 

 

小程序中, 要想實現數據的傳輸,我們必須先要在data中設置數據,然后才能進行傳輸,那么,data-的具體使用是:

  在wxml文件一個標簽中,bindtap一個事件,然后寫上 data-*,這個 * 是自己定義的名稱,則,在js文件的bindtap事件中,傳入 e(event),則:e(event).currentTarget.dataset.定義的data-后的名字  則為data-攜帶要傳的數據,其中,currentTarget是你當前點擊的對象,dataset就是你自定義屬性的集合,例如在這里就是 data-index = "{{index}}",紅色index是自定義的名字,橘色的是傳的參數

示例:

  wxml文件

.js文件

  這個js文件中的 e(event).currentTarget.dataset.index 里的 index 就相當於是在data-index中的傳遞的 index 的定義的參數名字

 

 大家也可以參考這個: https://blog.csdn.net/qq_41999617/article/details/83449841


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM