vue中router-link绑定click失效

直接放代码!

<div class="rank"><span>职位类别:</span><router-link to="/society/0" @click.native="demo">所有类别</router-link><router-link to="/society/1">市场销售类</router-link><router-link to="/society/2">运营类</router-link><router-link to="/society/3">互联网类</router-link><router-link to="/society/4">职能类</router-link><router-link to="/society/5">研发类</router-link><router-link to="/society/6">信息安全类</router-link><router-link to="/society/7">设计类</router-link><router-link to="/society/8">财务类</router-link><router-link to="/society/9">地产类</router-link></div>

我们可以看到只有给click.navtive加native修饰符的时候。router-link才会触发自己身上的点击事件

vue中router-link绑定click失效相关推荐

五十九、Vue中的样式绑定
@Author:Runsen @Date:2020/10/16 大四是一个焦虑的时期.烦恼有时候是具体问题带来的压力,有时候却是无端的.莫名其妙的,有时候还极易受到外界的影响,别人一句话就会激起内心难 ...
vue中使用v-on绑定事件中，获取$event.currentTarget，日志打印为null
问题:vue中使用v-on绑定事件中,获取$event.currentTarget,日志打印为null dom结构: <li @click="clickEvent('hello',$e ...
初识 Vue（11）---(Vue 中的事件绑定)
Vue 中的事件绑定案例:点击 Hello World ,从黑变红,再次点击,从红变黑... 通过 class 来实现页面效果的变更方法一:(通过对象)对象绑定 <!DOCTYPE h ...
vue中$router.push打开新窗口
vue中$router.push打开一个新窗口 this.$router.push("/CustomView/systemManage/CustomView"); //跳转// 默 ...
vue中$router以及$route的使用
路由基本概念 route,它是一条路由. { path: '/home', component: Home } routes,是一组路由. const routes = [{ path: '/home ...
Vue基础--Vue中的双向绑定v-model指令
一.v-model的作用和使用场景 1.1 v-model指令介绍期望的绑定值类型:根据表单输入元素或组件输出的值而变化可以下下面元素使用: <input> <select> ...
vue中的v-model绑定数据深层次问题
vue有些赋值方式是非响应式的,页面不会刷新,可以参考下面(百度参考): Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = new ...
Vue 中实现双向绑定的 4 种方法
1. v-model 指令 <input v-model="text" /> 复制代码上例不过是一个语法糖,展开来是: <input:value="t ...
vue 中样式的绑定
1.class的对象绑定 //对应的css <style>.active {color: red;} </style> <d ...

vue中router-link绑定click失效

vue中router-link绑定click失效相关推荐

最新文章

热门文章