移动端Vue项目a标签点击事件无效

近期项目出现了部分机型点击无效的现象，后来定位到原来是a标签的问题，将a标签更换为div标签，加宽加高点击范围，就可以解决这个问题。

// a标签点击事件不生效
<a href="javascript:;" @click="getHandler" >...</a>
// a标签替换成div标签
<div @click="getHandler">...</div>

如果是a标签根据href属性执行跳转事件，则可正常执行

<a href="www.baidu.com"  target="_blank">...</a>

移动端Vue项目a标签点击事件无效相关推荐

Vue项目判断鼠标点击事件的左键、中键（滚轮）或右键
Vue项目判断鼠标点击事件的左键.中键(滚轮)或右键去掉特定区域的右键点击事件在需要去掉右键点击事件的区域最外层div标签中添加@contextmenu.prevent属性 <templat ...
Vue 移动端项目百度地图点击事件无效、不触发解决方案
解决百度地图手机端点击事件不触发的一种方案版权声明:本文为博主原创文章,转载请标明原文出处. 问题背景我是半路接手的这个项目,该项目使用 Vue 开发的一款手机端的页面.到手里时,使用百 ...
vue中a标签点击事件效果不理想
如果你发现在vue项目中给a标签加点击事件,然后在methods的事件处理函数中程序达不到预期的效果,比如该出的弹窗没有出来,考虑给点击事件加个prevent修饰符试试.prevent修饰符,本质上是 ...
Vue项目--使用事件代理解决v-html 点击事件无效
最近刚开始学习vue,正好就接到一个需要将原来的老项目改成vue.一路学习,一路踩坑. 言归正传,背景是这样的:项目是个后台管理系统,左侧有目录导航栏,如下图. 在之前的项目中,后台返回的是一段拼接好 ...
Vue项目在标签中如何书写多个内敛style样式
Vue项目在标签中如何书写多个内敛style样式例如:对一个数组进行循环,我想给偶数项的添加红色背景,奇数项的添加蓝色背景,这时候就可以用v-bind:style="[]",详细 ...
vue项目引入标签云动画js函数，不执行
vue项目引入标签云动画js函数,数据重新渲染了,但是动画不执行了 rollTagCloud() {/* 3D标签云滚动函数*/const timer = setTimeout(() => {t ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
uniapp 真机调试 click点击事件无效
问题分析: (网络上普遍答案,但不能确定是否是这个原因导致) 移动端的主要问题是click会有200-300ms的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的3 ...
centerandzoom 无效_百度地图 app 点击事件无效、不触发解决方案
参考 https://blog.csdn.net/Davis_Dxs/article/details/82425211 具体问题: 对 "地图" 添加 click 事件,在点击地图 ...

移动端Vue项目a标签点击事件无效

移动端Vue项目a标签点击事件无效

移动端Vue项目a标签点击事件无效相关推荐

最新文章

热门文章