router-link上添加点击事件无效

在<router-link @mouseover="">上我们添加点击事件总是无效的，这是因为<router-link>在HTML5历史记录模式下，router-link将拦截点击事件，以便浏览器不会尝试重新加载页面。但如果想要添加点击事件怎么办呢？ Vue 给出了一种解决办法，在事件上加上修饰符

catchRun

3132人浏览 · 2018-06-10 23:26:58

catchRun · 2018-06-10 23:26:58 发布

`在<router-link @mouseover="">上我们添加点击事件总是无效的，这是因为<router-link>在HTML5历史记录模式下，router-link将拦截点击事件，以便浏览器不会尝试重新加载页面。`

但如果想要添加点击事件怎么办呢？ Vue 给出了一种解决办法，在事件上加上修饰符 “.native”，示例如下：

<router-link @mouseover.native="">

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^