Vue中如何处理router-link事件绑定失效的情况?

更新于
2026-09-23 20:58:44
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计643个文字,预计阅读时间需要3分钟。

Vue中如何处理router-link事件绑定失效的情况?

解决方法:使用`native router-link`到`/date`,并绑定`nav_click`事件。

解释:1:因为它是一个自定义标签,本质上没有事件和方法,所以不会触发。

解决方法:加native

<router-link to="/date" @click.native="nav_click">最新</router-link> methods: { nav_click: function() { console.log(1) } }  

解释:

1: 因为它是自定义标签,根本就没有事件和方法,所以不触发,加个native 就是告诉vue 这个标签现在有主了 它是H5标签 可以加事件了。

Vue中如何处理router-link事件绑定失效的情况?

2:父组件要想在子组件监听自己的click事件就得加native,router-link是标签啊。

阅读全文

本文共计643个文字,预计阅读时间需要3分钟。

Vue中如何处理router-link事件绑定失效的情况?

解决方法:使用`native router-link`到`/date`,并绑定`nav_click`事件。

解释:1:因为它是一个自定义标签,本质上没有事件和方法,所以不会触发。

解决方法:加native

<router-link to="/date" @click.native="nav_click">最新</router-link> methods: { nav_click: function() { console.log(1) } }  

解释:

1: 因为它是自定义标签,根本就没有事件和方法,所以不触发,加个native 就是告诉vue 这个标签现在有主了 它是H5标签 可以加事件了。

Vue中如何处理router-link事件绑定失效的情况?

2:父组件要想在子组件监听自己的click事件就得加native,router-link是标签啊。

阅读全文