uni-app 事件以及事件綁定


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

prevent可以直接干掉,因為uni-app里沒有什么默認事件,比如submit並不會跳轉頁面。

self沒有可以判斷的標識

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

view視圖容器

hover-class類型為string,默認值none指定按下去的樣式類,類hover-class="none"時,沒有點擊態效果

hover-stop-propagation類型boolean,默認值false指定是否阻止本節點的祖先節點出現點擊態

hover-start-time類型number,默認值50按住后多久出現點擊態

hover-stay-time類型number,默認值400手指松開后點擊態保留時間

<picker :range="years" @change="yearChange" mode="multiSelector">
 <view>
  {{years[0] [yearIndex1]}} {{years[1][yearIndex2]}}
 </view>
</picker>

file

<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
</swiper>

<view class="demo" @click="clickTest" @longtap="longtap"></view>

methods:{
  clickTest: function(e){
   console.log(e);
   console.log('click');
  },
  longtap: function(e){
   console.log(e);
   console.log('longtap');
  }
 }

<view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{{index}} - {{item.name}}</view>

methods:{
 menuClick : function(e){
  console.log(e);
  console.log(e.target.id);
 }
 },

stop 的使用會阻止冒泡

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

請點贊!因為你們的贊同/鼓勵是我寫作的最大動力!

歡迎關注達達的簡書!

這是一個有質量,有態度的博客

博客


免責聲明!

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



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