Vue便以项目出现Failed to resolve directive: link

问题描述在router-view外面引用的组件(比如导航栏), v-link 指令不起作用，无法跳转，会报错：Failed to resolve directive: link (found in component: <menubar> )，但是在组件内用click 点击事件下 route.go 是可以进行路由跳转的。这个问题是因为vue 版本的问题，vue的版本升

大雄-dx

11320人浏览 · 2018-06-30 20:10:21

大雄-dx · 2018-06-30 20:10:21 发布

问题描述

在router-view外面引用的组件(比如导航栏), v-link 指令不起作用，无法跳转，会报错：Failed to resolve directive: link (found in component: <menubar> )，但是在组件内用click 点击事件下 route.go 是可以进行路由跳转的。

这个问题是因为vue 版本的问题，vue的版本升级后，取消了v-link 指定，取而代之的为 router-link 看起来更加语义化一些

很简单：

把 v-link 更换为 router-link 就行，具体的可以查看官方文档

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}$/, //不连续的两位字母// /^