0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

uni-app事件以及事件綁定

電子設(shè)計 ? 來源:電子設(shè)計 ? 作者:電子設(shè)計 ? 2020-12-10 22:45 ? 次閱讀

事件修飾符
stop的使用會阻止冒泡,但是同時綁定了一個非冒泡的事件,會導(dǎo)致該元素上的catchEventName失效!

prevent可以直接干掉,因為uni-app里沒有什么默認(rèn)事件,比如submit并不會跳轉(zhuǎn)頁面。

self沒有可以判斷的標(biāo)識

once也不能做,因為uni-app沒有removeEventListener,雖然可以直接在handleProxy中處理,但非常的不優(yōu)雅,違背了愿意,暫不考慮按鍵修飾符:uni-app運行在手機端,沒有鍵盤事件,所以不支持按鍵修飾符。

view
視圖容器

hover-class
類型為string,默認(rèn)值none
指定按下去的樣式類,類hover-clas時,沒有點擊態(tài)效果

hover-stop-propagation
類型boolean,默認(rèn)值false
指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)

hover-start-time
類型number,默認(rèn)值50
按住后多久出現(xiàn)點擊態(tài)

hover-stay-time
類型number,默認(rèn)值400
手指松開后點擊態(tài)保留時間


  {{years[0] [yearIndex1]}} {{years[1][yearIndex2]}}
 



methods:{
  clickTest: function(e){
   console.log(e);
   console.log('click');
  },
  longtap: function(e){
   console.log(e);
   console.log('longtap');
  }
 }
{{index}} - {{item.name}}
methods:{
 menuClick : function(e){
  console.log(e);
  console.log(e.target.id);
 }
 },

stop 的使用會阻止冒泡


若本號內(nèi)容有做得不到位的地方(比如:涉及版權(quán)或其他問題),請及時聯(lián)系我們進(jìn)行整改即可,會在第一時間進(jìn)行處理。

審核編輯 黃昊宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • Linux
    +關(guān)注

    關(guān)注

    87

    文章

    11182

    瀏覽量

    208549
  • 數(shù)據(jù)庫
    +關(guān)注

    關(guān)注

    7

    文章

    3740

    瀏覽量

    64187
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    515

    瀏覽量

    53728
  • python
    +關(guān)注

    關(guān)注

    54

    文章

    4760

    瀏覽量

    84315
  • NODE.JS
    +關(guān)注

    關(guān)注

    1

    文章

    46

    瀏覽量

    32740
收藏 人收藏

    評論

    相關(guān)推薦

    機智云智家APP的設(shè)備掃描與綁定限制

    在使用機智云的智家APP時,用戶可能會遇到無法掃描和綁定設(shè)備的問題。這一現(xiàn)象的根本原因在于智家APP的使用限制和付費策略。Q智家APP的功能概述是什么?智家
    的頭像 發(fā)表于 09-22 08:02 ?158次閱讀
    機智云智家<b class='flag-5'>APP</b>的設(shè)備掃描與<b class='flag-5'>綁定</b>限制

    鴻蒙開發(fā)Ability Kit程序框架服務(wù):Stage模型綁定FA模型ServiceAbility

    本小節(jié)介紹Stage模型的兩種應(yīng)用組件如何綁定FA模型ServiceAbility組件。
    的頭像 發(fā)表于 06-25 21:47 ?230次閱讀
    鴻蒙開發(fā)Ability Kit程序框架服務(wù):Stage模型<b class='flag-5'>綁定</b>FA模型ServiceAbility

    配對過IOS13.5的手機無法連接刪除綁定信息的esp32藍(lán)牙,怎么解決?

    你好,我的IDF版本是4.1,手機是IOS13.5版本的,APP是nRF Connect。 當(dāng)IOS手機配對連接esp32藍(lán)牙成功后,把esp32本地存儲的藍(lán)牙綁定信息刪除掉,IOS手機就沒辦法再次
    發(fā)表于 06-25 07:56

    鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【綁定手勢方法】 手勢處理

    為組件綁定不同類型的手勢事件,并設(shè)置事件的響應(yīng)方法。
    的頭像 發(fā)表于 06-15 09:17 ?600次閱讀
    鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【<b class='flag-5'>綁定</b>手勢方法】 手勢處理

    BLE藍(lán)牙掉電綁定信息消失的原因?怎么解決?

    測試手機連接后,重啟ESP32S3,板子上的綁定信息就丟失了。還有我添加到白名單的地址也會隨著重啟消失。白名單我可以通過NVS記錄,但是綁定的密鑰信息我無法存儲。我查閱了BLE的接口文檔,沒有看到保存綁定信息的接口。請教一下我應(yīng)
    發(fā)表于 06-14 06:25

    科嘜享聽Uni &amp; Uni Pro無線USB麥克風(fēng)場景應(yīng)用不設(shè)限

    隨著互聯(lián)時代的發(fā)展,音頻設(shè)備行業(yè)也在不斷推陳出新,滿足各類用戶的多樣化需求。近日,科嘜品牌再次發(fā)力,針對不同用戶的使用習(xí)慣和場景,推出了兩款全新的USB麥克風(fēng)——享聽Uni和享聽Uni Pro,為
    的頭像 發(fā)表于 06-06 16:12 ?364次閱讀

    無線自由,靜享佳音丨科嘜享聽Uni &amp; Uni Pro新品上市

    6月5日,科嘜發(fā)布兩款極具性價比的新品——享聽Uni和享聽Uni Pro。支持有線無線雙模式的USB麥克風(fēng)一經(jīng)發(fā)布便在市場上引起廣泛關(guān)注。作為科嘜的新一代高顏值USB麥克風(fēng),集成無線功能的行業(yè)突破性
    的頭像 發(fā)表于 06-06 15:59 ?313次閱讀

    鴻蒙開發(fā)接口Ability框架:【@ohos.application.formBindingData (卡片數(shù)據(jù)綁定類)】

    卡片數(shù)據(jù)綁定模塊提供卡片數(shù)據(jù)綁定的能力。包括FormBindingData對象的創(chuàng)建、相關(guān)信息的描述。
    的頭像 發(fā)表于 05-06 17:25 ?419次閱讀
    鴻蒙開發(fā)接口Ability框架:【@ohos.application.formBindingData (卡片數(shù)據(jù)<b class='flag-5'>綁定</b>類)】

    udp_bind這個綁定的端口怎么解除?

    請教下,udp_bind 這個綁定的端口,剛開始是可以的,但是重新綁定時返回錯誤,有什么方法可以在 重新綁定前解除之前的綁定 ?
    發(fā)表于 04-22 07:41

    APP盾的防御機制及應(yīng)用場景

    APP盾的防御機制以及在不同應(yīng)用場景中的應(yīng)用。01什么是APP盾?APPShieldAPP盾,全名ApplicationShield,是一種專門設(shè)計用于保護(hù)移動應(yīng)
    的頭像 發(fā)表于 01-20 08:31 ?2020次閱讀
    <b class='flag-5'>APP</b>盾的防御機制及應(yīng)用場景

    NuMaker_Uni脫離仿真器代碼無法運行怎么解決?

    RT,使用NuMaker_Uni控制OLED,連接仿真器下載代碼正常,拔掉仿真器通過電池供電的5V端口供電MCU代碼不運行(代碼中有控制LED閃爍,LED不亮),用示波器測試了Vcc,RESET等電壓均正常。
    發(fā)表于 01-17 06:48

    服務(wù)器寶塔面板怎么綁定多個ip?

    服務(wù)器寶塔面板怎么綁定多個ip?在寶塔面板中綁定多個IP地址可以通過以下步驟完成: 1、登錄寶塔面板 使用你的瀏覽器訪問寶塔面板的網(wǎng)址,并使用管理員賬號和密碼登錄。 2、進(jìn)入站點管理 在寶塔面板左側(cè)
    的頭像 發(fā)表于 01-12 17:29 ?1449次閱讀

    如何綁定ip地址與mac物理地址呢?

    如何綁定ip地址與mac物理地址呢? 綁定IP地址與MAC物理地址是一種網(wǎng)絡(luò)管理和安全措施,可以幫助確保網(wǎng)絡(luò)設(shè)備的身份驗證和安全性。在這篇文章中,我們將詳細(xì)介紹如何進(jìn)行IP地址與MAC物理地址的綁定
    的頭像 發(fā)表于 12-07 09:33 ?6283次閱讀

    Linux內(nèi)核驅(qū)動與單個PCI設(shè)備的綁定和解綁定

    在Linux內(nèi)核2.6.13-rc3以前,驅(qū)動和設(shè)備之間的綁定和解綁只能通過insmod(modprobe)和rmmod來實現(xiàn),但是這種實現(xiàn)方法有一個弊端,就是一旦綁定或者解綁定都是針對驅(qū)動與其
    的頭像 發(fā)表于 11-17 17:11 ?1466次閱讀
    Linux內(nèi)核驅(qū)動與單個PCI設(shè)備的<b class='flag-5'>綁定</b>和解<b class='flag-5'>綁定</b>

    【涂鴉T2-U開發(fā)板試用體驗】涂鴉APP控制板上LED

    IoT 開發(fā)平臺產(chǎn)品創(chuàng)建、設(shè)備端代碼適配、燒錄,APP配網(wǎng)綁定測試。 一.涂鴉云平臺產(chǎn)品創(chuàng)建 1.打開涂鴉 IoT 開發(fā)平臺,未注冊賬號先注冊賬號. https://iot.tuya.com/ 2.
    發(fā)表于 11-12 18:13