v-on:tap和v-on:click有什么区别?

总所周知web网页一般都是通过鼠标点击触发事件的(v-on:click),而移动端则是使用触摸触发(v-on:tap).

经过我测试,两者在移动端和web网页端没有区别.至今已经有很好的兼容效果,但还是建议区分使用.

在web浏览器测试:

 在安卓模拟器测试:

 代码:

<template>
	<view>
		<button type="primary" v-on:click='handleactive'>click激活</button>
		<button type="primary" v-on:tap='handleactive'>tap激活</button>
		<view class='box' :class="isActive?'activeBg':''">

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				isActive: true,
			}
		},
		methods: {
			handleactive() {
				this.isActive = !this.isActive
			}
		}
	}
</script>

<style>
	.box {
		height: 80px;
		width: 80px;
		margin: 0 auto;
		background-color: black;
	}
	.activeBg{
			background-color: red;
	}
</style>