我最喜歡的操作是 @tap="這個是自定義點擊事件" 總覺得比@click好用。
tap和click的區(qū)別：
兩者都會在點擊時觸發(fā)，但是在web手機端，clikc會有200-300ms的延時，所以要用tap代替click作為點擊事件，singleTap和doubleTap分別作為單次點擊和雙擊，但是使用tap會帶來點透事件(事件穿透)。
<template>
<view class="demo" @tap="clickTest">這個是tap</view>
<view class="demo" @click="clickTest" @longtap="longtap">這個是click</view>
</template>
<script>
export default {
methods:{
clickTest: function(e){
console.log(e);
console.log('click');
},
longtap: function(e){
console.log(e);
console.log('longtap');
}
}
}
</script>
<style>
.demo{width:500px; margin:50px auto; background:#8F8F90; height:500px;}
</style>
注意在小程序中觀察對應(yīng)事件對象，可以利用此對象獲取更多信息。
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號