vue中router-link的click事件失效的解决办法

title: vue中router-link的click事件失效的解决办法

toc: false

date: 2018-12-04 16:28:49

categories:

tags:

使用@click.native

问题原因：

router-link会阻止click事件

.native指直接监听一个原生事件

原文地址：https://www.cnblogs.com/zmj97/p/10180674.html

时间： 2024-10-06 13:00:20

vue中router-link的click事件失效的解决办法的相关文章

［转］iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: ?将 click 事件直接绑定到目标?元素(??即 .target)上将目标?元素换成

iOS Safari 中click点击事件失效的解决办法

问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法解决办法有 4 种可供选择: ?将 click 事件直接绑定到目标?元素(??即 .target)上将目标?元素换成 <a> 或者 button 等可点击的?元素 ?将 cl

iOS Safari 中点击事件失效的解决办法

问题描述当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 可以使用下面的代码在 iOS 中进行测试. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&qu

wpf button的mouse(leftbutton)down/up,click事件不响应解决办法

按照WPF的帮助说明,某些控件的路由事件被内部处理了,已经被标记为Handled,自行定义的事件处理代码便不再起作用了,有时候会很郁闷! 不过WPF提供了必要的方法. 1)使用相应的Preview事件.须注意隧道类型的事件是从根元素开始执行的. 2)使用AddHandler添加自定义的路由事件. 第一种解决办法就不在说明了第二种以button为例,用AddHandler添加事件,如下 Btn.AddHandler(Button.MouseLeftButtonDownEvent, new Mou

使页面中所有的单击(click)事件失效

document.addEventListener('click', function(e){ e.stopPropagation(); e.preventDefault(); }, true);

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件像这样的 a标签包着img标签的时候在ie下点击图片位置的时候 click事件不会触发解决方式是把a标签改成div <div> <img

【转】HTML中A标签与click事件的前世今生

在动态网页中,常常需要在单击超链接时处理一些数据,而不是跳转一个网页.在这种情况下,通常有以下三种处理方式: 不设置<a>标签的href属性,只设置onclick属性.在这种处理方式下,通常超链接文本会和正文的文本以相同的形式出现,即不会有默认的下划线.当鼠标放在超链接上也不会显示小手的形状(除非为该超链接设置了CSS).因此,用户很难知道这是一个可以点击的超链接. 将<a>标签的href属性值设置为"#",并设置onclick属性.在这种处理方式下,用户可以

Vue中监听窗口关闭事件并在窗口关闭前发送请求

Vue中监听窗口关闭事件并在窗口关闭前发送请求,代码如下: mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) window.addEventListener('unload', e => this.unloadHandler(e)) }, destroyed() { window.removeEventListener('beforeunload', e => thi

iscroll5在使用情况下click事件失效的问题

转载自:http://www.52html5.com/?p=2618 Bug描述: iOS.android4.4+下不能触发click事件. Bug解决: 调用iscroll插件,增加配置参数:click:true/false click的值是要根据移动终端设备进行判断,如果只是简单的判断终端类型的话,android4.4+还是不能点击,这就是安卓的一个坑,毕竟没有ios系统做的统一. 故增加一个函数去判断: // ######### function iScrollClick(){ if (/