npm i fastclick --save
<template>
<div id="app">
<a href="http://www.baidu.com">百度</a>
<div class="box" ref="box" v-show="flag" @touchstart="toggle"> //开始触摸
</div>
</div>
</template>
<script>
import FastClick from 'fastclick'
export default {
name: 'App',
data(){
return {
flag:true
}
},
mounted(){
FastClick.attach(this.$refs.box) //决点透问题
},
methods:{
toggle(){
this.flag=false
}
}
}
</script>
<style>
#app{
overflow: hidden;
margin:0;
padding:0;
}
.box{
width:300px;
height:300px;
background:#ccc;
position: absolute;
top:0;
opacity: .6;
}
</style>