router-link 绑定事件不生效

在vue中绑定事件是一下这种方法：

v-on:click='函数名称';

@click = '函数名称';

这两种写法都是正常。

但是我们使用了 vue-router 路由时会使用 <router-link> 标签来代替 a 标签跳转。我们在 vue-router 标签绑定 @click 事件。

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

却发现函数并没有执行。这是怎么回事。。。　　

加 .native 修饰符就可以执行事件了。

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

解释：

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

2：父组件要想在子组件监听自己的click事件就得加native，router-link是标签啊。哪里有父组件？？？？

群里大佬一句说明了原因 router-link 其实就是一个封装好的 .vue 组件，所以需要加.native修饰符才能绑定事件

转载于:https://www.cnblogs.com/xf-zhao/p/8677135.html

router-link 绑定事件不生效相关推荐

给动态动态生成元素绑定事件不生效解决方法
如题:动态生成的元素绑定事件后没有生效,或者说操作时没有效果 js,jq动态生成的元素,在绑定前,先一定要确认,执行绑定操作的时候,该元素是不是已经存在在页面上,也就是html上了,假如执行绑定的时候 ...
Android视图绑定，设置控件点击事件不生效
我遇到的问题是: setContentView(R.layout.acitivty_main); setContentView(mainBinding.getRoot); 应该使用下面的来绑定布局,不 ...
jq绑定的事件不生效
不知道什么原因,写了一段代码之后,绑定的所有的jq事件都不生效了.后来百度了一下,这里列出一种方法. 转载:https://www.jb51.net/article/46666.html $(&quo ...
jquery动态渲染绑定点击事件不生效
原因:动态添加的HTML元素是在CSS,JS代码加载完成后再渲染的HTML页面.浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这时绑定事件的标签元素还没有生成 ...
ajax请求动态生成dmo无法绑定事件解决方案
前端 1.前端代码 2.后端代码因为使用ajax:是不会刷新dom元素结构的,我怎么绑定事件都不生效,用jquery的on也不行,后来用行内事件绑定的方式终于搞定了. 1.前端代码 <!DOC ...
动态添加html元素绑定事件,关于javascript：jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
JSX详解React的事件绑定事件参数的传递
一.认识JSX 这段element变量的声明右侧赋值的标签语法是什么呢? 它不是一段字符串(因为没有使用引号包裹),它看起来是一段HTML原生,但是我们能在js中直接给一个变量赋值html吗? 其实是 ...
Ajax动态拼接li并绑定事件
一.二对新增元素再次进行绑定相应事件,例如在 Ajax 中的 success 返回函数中,再执行完新增元素的代码后进行绑定 success: $('body').append("<l ...
odoo中tree视图上面添加按钮并绑定事件
原文:https://blog.csdn.net/qq_42832858/article/details/86735745 1.通过qweb模板给相应模块上的tree视图上添加上⾃定义的按钮. 在's ...

router-link 绑定事件不生效

router-link 绑定事件不生效相关推荐

最新文章

热门文章