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

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

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

uni-app事件以及事件綁定

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

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

prevent可以直接干掉,因?yàn)閡ni-app里沒(méi)有什么默認(rèn)事件,比如submit并不會(huì)跳轉(zhuǎn)頁(yè)面。

self沒(méi)有可以判斷的標(biāo)識(shí)

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

view
視圖容器

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

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

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

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


  {{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 的使用會(huì)阻止冒泡


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

審核編輯 黃昊宇

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

    關(guān)注

    87

    文章

    11123

    瀏覽量

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

    關(guān)注

    7

    文章

    3712

    瀏覽量

    64027
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    515

    瀏覽量

    53658
  • python
    +關(guān)注

    關(guān)注

    53

    文章

    4753

    瀏覽量

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

    關(guān)注

    1

    文章

    46

    瀏覽量

    32731
收藏 人收藏

    評(píng)論

    相關(guān)推薦

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

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

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

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

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

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

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

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

    無(wú)線自由,靜享佳音丨科嘜享聽(tīng)Uni &amp; Uni Pro新品上市

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

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

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

    udp_bind這個(gè)綁定的端口怎么解除?

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

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

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

    NuMaker_Uni脫離仿真器代碼無(wú)法運(yùn)行怎么解決?

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

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

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

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

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

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

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

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

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

    labview 數(shù)據(jù)綁定求助

    求助 LABVIEW 大神 在每個(gè)控件屬性中有一個(gè)數(shù)據(jù)綁定綁定到本機(jī)的OPC服務(wù)器上 是正??梢杂玫娜绻蚁氚堰@個(gè)綁定路徑做成根我提供的字符串路徑動(dòng)態(tài)綁定的這個(gè)該怎么實(shí)現(xiàn)
    發(fā)表于 10-24 09:19

    車規(guī)模塊系列(五):聊一聊DBB/銅綁定技術(shù)

    相對(duì)于傳統(tǒng)的鋁綁定線工藝,銅綁定線需要對(duì)芯片表面進(jìn)行要求更高的金屬化,而丹佛斯鍵合緩沖Danfoss Bond Buffer (DBB)技術(shù)就是為了銅綁定線進(jìn)行的表面處理。
    的頭像 發(fā)表于 10-08 10:22 ?1742次閱讀
    車規(guī)模塊系列(五):聊一聊DBB/銅<b class='flag-5'>綁定</b>技術(shù)