场景：
给nuxt-link直接添加@click="handleClick"事件，点击时事件不触发。
原因：
给组件绑定事件的时候，如果该组件没有设置对应的事件，则直接用@click是没有响应的，要想有响应，需要这样写@click.native=“handleClick”，此时是监听根元素的原生事件。
注意：
经常遇到以上场景的有：
1.是在使用自定义组件时，也会频繁遇到以上场景；
2.vue中router-link添加点击事件；
暂时想到这些，小伙伴们可以自由补充哦~
场景：点击nuxt-link时候直接添加@click="handleClick"事件，点击事件不触发。原因：给组件绑定事件的时候，如果该组件没有对应的事件，则直接用@click是没有响应的，要想有响应，需要这样写@click.native，此时是监听根元素的原生事件。注意：在使用自定义组件时，会频繁遇到以上场景。...
有时候，需要在 router-
link
上不止是跳转路由，还想要在跳转的同时进行一些操作，之前的方法是将
nuxt
-
link
换成普通的 div 进行 this.$router.push('/') 的方法跳转，觉得这样也可以，不影响其他问题，但是有一个问题存在，就是不能对选中的链接进行鼠标右键在新窗口打开页面，小小的问题，影响不大，如果用 v-on:click.native 方法就可以解决此类问题，既可以跳转，也可以在跳转的同时触发事件，做一些其他的事情。比如跳转时将触发的条件传给后台，分析用户行为。
正如官方所说<
nuxt
>使用方式和用途<router>是一致的。
但，后面说将来我们会为<
nuxt
>组件增加更多的功能特性，例如资源预加载，用于提升
nuxt
.js 应用的响应速度。
当写这篇文章时，
nuxt
.js 官方已
2、在空白页面中 created 的生命周期中接受参数，并执行页面跳转，此时页面不会显示任何内容就开始进行跳转，所以速度的问题不用担心，视觉上的效果就是点击当前路由后，页面刷新请求数据。实际路由已经跳转了两次。
由于做的内容需要渲染大量数据，用原本的表格渲染会十分卡顿，所以选择使用虚拟化表格，官方文档：Virtualized Table 虚拟化表格 | Element Plus (element-plus.org)
但是由于这个表格还是beta版，所以提供的事件也非常少。我做的项目需要实现表格的单击、双击单元行，来进行操作这一行的数据，但是翻阅文档并没有找到这个事件，那么只能自己实现了。想获取点击/双击的单元行的数据，那么我们可以通过获取这个单元行的索引，进而获取数据。那么怎么获得索引呢？我这边是
如果你在
Nuxt
.js 中使用 `
nuxt
-
link
` 组件，但是设置
点击事件
无效，可能是因为 `
nuxt
-
link
` 的
点击事件
被阻止了。这是因为 `
nuxt
-
link
` 组件内部使用了 `router-
link
` 组件，该组件的
点击事件
会调用 `router.push` 方法进行页面跳转，而不是触发绑定的
点击事件
。
如果你要在 `
nuxt
-
link
` 上绑定一个
点击事件
，可以使用 `v-on:click.native` 代替 `@click`，这样就可以绑定到原生的
点击事件
了，例如：
```html
<
nuxt
-
link
to="/" v-on:click.native="handleClick">Home</
nuxt
-
link
>
其中 `handleClick` 就是你定义的
点击事件
处理函数。使用 `v-on:click.native` 可以绕过 `
nuxt
-
link
` 组件内部的
点击事件
，直接绑定到原生的
点击事件
，从而实现
点击事件
的响应。
另外，如果你需要在
点击事件
处理函数中进行页面跳转，可以使用 `$router.push` 方法，例如：
```js
methods: {
handleClick() {
this.$router.push('/')
这样，当你点击 `
nuxt
-
link
` 时，会先触发
点击事件
处理函数，然后再进行页面跳转。
CSDN-Ada助手:
