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

最新推荐文章于 2024-07-24 23:00:08 发布

nunumaymax

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量2.5k

点赞数 2

文章标签：前端 vue.js

本文链接：https://blog.csdn.net/qq_38374286/article/details/122370296

版权

移动端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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

nunumaymax

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
移动端Vue项目a标签点击事件无效

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

扫一扫

Vue移动端项目（一）

qq_48687155的博客

08-20

3161

Vue移动端项目

Vue移动端点击事件失效Bug解决

jk54546的博客

08-27

5755

问题复现：为div添加click点击事件，但是点击无效。只有在点击图标处才可跳转。 <div class="tab_row" @click="toDetail(value)"> <i class="icon-addr"></i> <span>{{value.address}}</span> </div> 问题解决思路：刚开始以为是图层遮挡，将文字区域遮挡导致点击无效，搜索后网上有的帖子说：在遮挡层加： st

参与评论您还未登录，请先登录后发表或查看评论

antdesignvue中a标签点击事件不触发

yousacks的博客

10-12

1986

将触发属性名改为@click

vue下载的几种方法

爱吃Java的羊的博客

06-24

745

利用a标签实现文件下载功能（ant design vue可用）用js的生成a标签下载文件、并携带请求头

vue 移动端 click事件失效问题

m0_56026872的博客

07-15

1352

vue 移动端 click事件失效问题今天在写项目时遇到了一个狗血又令人头痛的问题，我的点击事件突然之间就不顶用了，但是因为我写的是移动端的项目，我把浏览器运行环境切换到pc端去做了一下尝试，发现这奇葩的点击时间又可以了，怎么搞，搞个锤子，一通百度猛如虎，心情如下经过半个小时的垂死挣扎，我突然间想起来自己使用了一个滚动插件better-scroll，会不会是他的问题呢，去看看官方文档怎么说吧，发现了这个问题问题找到了，那就上代码，哦了 this.scroll = new BetterScroll(t

vue 移动端在div上绑定click事件失效

qq_52822043的博客

07-30

1581

在.vue的文件中使用了better-scroll，在div标签上绑定click事件后，无效

Vue移动端项目---尚硅谷外卖

qq_42765662的博客

07-23

3181

使用Vue实现移动端外卖app

vue移动端项目 ios input框点击无效，需要点击多次

qq_39750019的博客

07-22

838

最近开发，发现vue移动端项目input在ios上点击失效，需要多次点击才可以获取焦点排查发现导致这个问题是因为项目中引入了FastClick，这个是解决移动端延迟300毫秒的优化当使用FastClick 时，输入框在ios上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透在全局main.js FastClick.prototype.focus = function(targetElement) { var len.

vue项目实战(移动端)

m0_65769258的博客

04-16

6497

Vue项目实战-vue2(移动端)

m0_57860459的博客

03-07

9042

vue a标签点击实现赋值方式

12-28

如下所示： ...补充知识：VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符运用： .prevent 阻止默认行为 <a>点击</a> .stop 阻止冒泡，只执行 start 不执行 end <input type=button

vue 项目引入echarts 添加点击事件操作

10-14

本文将详细介绍如何在Vue项目中引入ECharts以及如何添加点击事件操作。首先，为了全局使用ECharts，我们需要在`main.js`文件中导入ECharts库。这可以通过以下代码完成： ```javascript import echarts from '...

vue自定义移动端touch事件之点击、滑动、长按事件

08-27

Vue自定义移动端Touch事件之点击、滑动、长按事件在移动端开发中，Touch事件是非常重要的一部分，我们经常需要监听用户的触摸操作，如点击、滑动、长按等。Vue框架提供了多种方式来处理Touch事件，但是在实际开发...

vue移动端项目搭建实现点击勾选

03-12

vue移动端项目搭建实现点击勾选

hm-new1-69：移动端vue项目

03-02

【Vue移动端项目构建详解】 Vue.js 是一个轻量级、高性能的前端框架，它以其易用性和灵活性在Web开发领域中备受青睐。本项目“hm-new1-69”是一个基于Vue的移动端应用，旨在提供一种高效且现代化的移动开发体验。 ...

ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间