事件修飾符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 的使用會阻止冒泡
若本號內容有做得不到位的地方(比如:涉及版權或其他問題),請及時聯系我們進行整改即可,會在第一時間進行處理。
請點贊!因為你們的贊同/鼓勵是我寫作的最大動力!
歡迎關注達達的簡書!
這是一個有質量,有態度的博客