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>

<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 的使用會阻止冒泡

---

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

---

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

歡迎關注達達的簡書！

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