小程序29-事件穿參-mark 自定義數據

小程序進行事件傳參的時候,除了使用?data-*屬性?傳遞參數外,還可以 使用 mark 標記傳遞參數
mark 是一種自定義屬性,可以在組件上添加,用于來識別具體觸發事件的 target 節點。同時 mark 還可以用于承載一些自定義數據

在組件上使用 mark:自定義屬性 的方式將數據傳遞給事件處理函數

例如: <view mark:id=“100" bindtap="handler" />
然后通過事件對象進行獲取自定義數據

可按照以下代碼復制嘗試:

<!--pages/cart/cart.wxml-->
<view bindtap="parentHandler" mark:parentid="1" mark:parentname="tom">
<!-- 如果需要使用 mark 進行事件穿參數,需要使用 mark: 自定義屬性的方式進行參數傳遞 --><!-- <button bindtap="btnHandler" mark:id="1" mark:name="tom">按鈕</button> --><button mark:id="1" mark:name="tom">按鈕</button>
</view>
// pages/cart/cart.js
Page({// 按鈕綁定的事件處理函數btnHandler (e) {console.log(e.mark.id)console.log(e.mark.name)},parentHandler (e) {// 先點擊藍色區域(不點擊按鈕)// 通過事件對象獲取的是 view 身上綁定的數據// 先點擊按鈕(不點擊藍色區域)// 通過事件對象獲取到的是觸發事件的節點 以及 父節點身上所有的 mark 數據console.log(e)}})
/* pages/cart/cart.wxss */view {display: flex;height: 300rpx;background-color: rgb(231, 116, 22);align-items: center;
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/75684.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/75684.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/75684.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

高級:分布式系統面試題精講

一、引言 分布式系統在現代軟件開發中占據重要地位&#xff0c;其設計和實現需要考慮多個關鍵因素。面試官通過相關問題&#xff0c;考察候選人對分布式系統核心概念的理解、實際應用能力以及在復雜場景下的問題解決能力。本文將深入分析分布式系統的CAP定理、一致性協議、分布…

【Android Studio 下載 Gradle 失敗】

路雖遠行則將至&#xff0c;事雖難做則必成 一、事故現場 下載Gradle下載不下來&#xff0c;沒有Gradle就無法把項目編譯為Android應用。 二、問題分析 觀察發現下載時長三分鐘&#xff0c;進度條半天沒動&#xff0c;說明這個是國外的東西&#xff0c;被墻住了&#xff0c;需…

系統思考:思考的快與慢

在做重大決策之前&#xff0c;什么原因一定要補充碳水化合物&#xff1f;人類的大腦其實有兩套運作模式&#xff1a;系統1&#xff1a;自動駕駛模式&#xff0c;依賴直覺&#xff0c;反應快但易出錯&#xff1b;系統2&#xff1a;手動駕駛模式&#xff0c;理性嚴謹&#xff0c;…

從情感分析到樸素貝葉斯法:基于樸素貝葉斯的情感分析如何讓DeepSeek賦能你的工作?

文章目錄 1.概率論基礎1.1 單事件概率1.2 多事件概率1.3 條件概率1.3.1 多事件概率與條件概率的區別 1.4 貝葉斯定理傳統思維誤區貝葉斯定理計算 2. 樸素貝葉斯法2.1 基本概念2.2 模型2.3 學習策略2.4 優化算法2.5 優化技巧拉普拉斯平滑對數似然 3. 情感分析實戰3.1 流程3.2 模…

獲取inode的完整路徑包含掛載的路徑

一、背景 在之前的博客 缺頁異常導致的iowait打印出相關文件的絕對路徑-CSDN博客 里的 2.2.3 一節和 關于inode&#xff0c;dentry結合軟鏈接及硬鏈接的實驗-CSDN博客 里&#xff0c;我們講到了在內核里通過inode獲取inode對應的絕對路徑的方法。對于根目錄下的文件而言&#…

【51單片機】2-6【I/O口】【電動車簡易防盜報警器實現】

1.硬件 51最小系統繼電器模塊震動傳感器模塊433M無線收發模塊 2.軟件 #include "reg52.h" #include<intrins.h> #define J_ON 1 #define J_OFF 0sbit switcher P1^0;//繼電器 sbit D0_ON P1^1;//433M無線收發模塊 sbit D1_OFF P1^2; sbit vibrate …

leetcode二叉樹刷題調試不方便的解決辦法

1. 二叉樹不易構建 在leetcode中刷題時&#xff0c;如果沒有會員就需要將代碼拷貝到本地的編譯器進行調試。但是leetcode中有一類題可謂是毒瘤&#xff0c;那就是二叉樹的題。 要調試二叉樹有關的題需要根據測試用例給出的前序遍歷&#xff0c;自己構建一個二叉樹&#xff0c;…

藍橋杯嵌入式客觀題二

十四屆模擬一 1. 2.串口通信是一種傳輸線按位數據順序傳輸方式 3.USART_SR是屬于STM32微控制器USART的狀態寄存器。 4.STM32G431RBT6是32位的ARM微控制器 ARM處理器是英國ARM公司設計的一種低功耗RISC微處理器 5.中斷配置?EXTI->FTSR&#xff08;下降沿觸發選擇寄存器…

OrangePi入門教程(待更新)

快速上手指南 https://www.hiascend.com/developer/techArticles/20240301-1?envFlag1 教學課程(含開發板配置和推理應用開發) https://www.hiascend.com/developer/devboard 開發推理應用 https://www.hiascend.com/developer/techArticles/20240326-1?envFlag1

王者榮耀的游戲匹配機制

王者榮耀的匹配機制主要基于ELO評分系統&#xff08;隱藏分機制&#xff09;和段位匹配&#xff0c;旨在平衡對局雙方實力&#xff0c;同時通過多種策略控制玩家勝率趨近50%。 一、匹配機制核心 1. ELO評分&#xff08;隱藏分&#xff09; - 系統根據玩家的勝負、KDA、傷害量、…

PPTAgent:一款開源免費生成和評估幻燈片的項目

這篇文章介紹一下PPTAgent&#xff0c;一個從文檔自動生成演示文稿的創新系統。該系統從人類的展示創作方法中汲取靈感&#xff0c;采用兩步流程來確保卓越的整體質量。此外&#xff0c;本文還介紹了PPTEval&#xff0c;這是一個綜合評估框架&#xff0c;可以跨多個維度評估演示…

谷歌開源單個 GPU 可運行的Gemma 3 模型,27B 超越 671B 參數的 DeepSeek

自從 DeepSeek 把訓練成本打下來之后&#xff0c;各個模型廠家現在不再堆參數進行模型的能力對比。而是轉向了訓練成本優化方面&#xff0c;且還要保證模型能力不減反增的效果。包括使用較少的模型參數&#xff0c;降低 GPU 使用數量&#xff0c;降低模型內存占用等等技術手段。…

回歸預測 | Matlab實現NRBO-Transformer-LSTM多輸入單輸出回歸預測

回歸預測 | Matlab實現NRBO-Transformer-LSTM多輸入單輸出回歸預測 目錄 回歸預測 | Matlab實現NRBO-Transformer-LSTM多輸入單輸出回歸預測預測效果基本介紹程序設計參考資料 預測效果 基本介紹 1.【JCR一區級】Matlab實現NRBO-Transformer-LSTM多輸入單輸出回歸預測&#xf…

Photoshop 2025 Mac中文Ps圖像編輯

Photoshop 2025 Mac中文Ps圖像編輯 文章目錄 Photoshop 2025 Mac中文Ps圖像編輯一、介紹二、效果三、下載 一、介紹 Adobe Photoshop 2025 Mac版集成了多種強大的圖像編輯、處理和創作功能。①強化了Adobe Sensei AI的應用&#xff0c;通過智能摳圖、自動修復、圖像生成等功能…

7. 記憶(Memory)機制:讓AI擁有“短期記憶”與“長期記憶”

引言&#xff1a;當AI學會"記住你" 2025年某銀行智能客服因無法記住用戶身份&#xff0c;每次對話都要求重復驗證&#xff0c;引發大量投訴。引入LangChain 記憶系統后&#xff0c;客戶滿意度提升62%。本文將基于MemorySaver與FAISS本地存儲&#xff0c;教你構建符合…

【Python使用】嘿馬云課堂web完整實戰項目第3篇:增加數據,修改數據【附代碼文檔】

教程總體簡介&#xff1a;項目概述 項目背景 項目的功能構架 項目的技術架構 CMS 什么是CMS CMS需求分析與工程搭建 靜態門戶工程搭建 SSI服務端包含技術 頁面預覽開發 4 添加“頁面預覽”鏈接 頁面發布 需求分析 技術方案 測試 環境搭建 數據字典 服務端 前端 數據模型 頁面原…

論文筆記(七十五)Auto-Encoding Variational Bayes

Auto-Encoding Variational Bayes 文章概括摘要1 引言2 方法2.1 問題場景2.2 變分下界2.3 SGVB估計器與AEVB算法2.4 重參數化技巧 3 示例&#xff1a;變分自編碼器&#xff08;Variational Auto-Encoder&#xff09;4 相關工作5 實驗6 結論7 未來工作 文章概括 引用&#xff1…

Python3 學習筆記

Python3 簡介 | 菜鳥教程 一 Python3 簡介 Python 是一個高層次的結合了解釋性、編譯性、互動性和面向對象的腳本語言。 Python 的設計具有很強的可讀性&#xff0c;相比其他語言經常使用英文關鍵字&#xff0c;其他語言的一些標點符號&#xff0c;它具有比其他語言更有特色…

Java實現N皇后問題的雙路徑探索:遞歸回溯與迭代回溯算法詳解

N皇后問題要求在NN的棋盤上放置N個皇后&#xff0c;使得她們無法互相攻擊。本文提供遞歸和循環迭代兩種解法&#xff0c;并通過圖示解釋核心邏輯。 一、算法核心思想 使用回溯法逐行放置皇后&#xff0c;通過沖突檢測保證每行、每列、對角線上只有一個皇后。發現無效路徑時回退…

前端判斷值相等的方法和區別

1. (寬松相等) 在比較之前會進行類型轉換 可能導致一些意外的結果 0 // true 0 0 // true false 0 // true null undefined // true [1,2,3]1,2,3 // true2. (嚴格相等) 不進行類型轉換 類型和值都必須相同 0 // false 0 0 // false false 0 /…