Failed to resolve directive: link报错

最新推荐文章于 2024-08-28 17:37:06 发布
最新推荐文章于 2024-08-28 17:37:06 发布
阅读量9k 收藏 2
点赞数
分类专栏： 前端 前端，Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shaleilei/article/details/79181269
版权

 Failed to resolve directive: link  

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

很简单：

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

愚蠢地人类
关注
专栏目录
Vue源码分析——第三章
Lee的博客
09-10 599
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
Vue便以项目出现Failed to resolve directive: link
weixin_38606332的博客
06-30 1万+
问题描述在router-view外面引用的组件(比如导航栏), v-link 指令不起作用，无法跳转，会报错：Failed to resolve directive: link (found in component: &lt;menubar&gt; )，但是在组件内用click 点击事件下 route.go 是 可以进行路由跳转的。这个问题是因为vue 版本的问题，vue的版本升级后，取消了v-...
vue 项目中，访问页面时，前端控制台输出如下所示 红色警告信息，Failed to resolve directive: if (found in ＜Log＞ at src/views
最新发布
YHLSunshine的博客
08-28 388
vue 项目中，访问页面时，前端控制台输出如下所示 红色警告信息，Failed to resolve directive: if (found in at src/views
Vue路由问题，Failed to resolve component: router-link
lichengbo_的博客
03-11 2699
runtime-core.esm-bundler.js?d2dd:40 [Vue warn]: Failed to resolve component: router-link If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at
[Vue warn]: Failed to resolve directive: on (found in <ComponentA>)
hhbbeijing的专栏
03-28 8582
在vue.js 2.0 中提示：[Vue warn]: Failed to resolve directive: on (found in ) 开发工具：webstorm 产生原因： button v-on :click="conClickMe">按钮button> 有些地方不应该有空格，例如： v-on与冒号之间，去掉即可。 另外：如果去掉空格，webstorm报错怎么办？
vue的路由踩坑坑……之路（＜router-link/＞，＜router-view/＞）之router-link跳转时浏览器的路径是正确的，而router-view却不渲染数据？？？
BubbleABC的博客
06-26 860
为什么我的router-link跳转时浏览器的路径是正确的，而router-view却……为什么不渲染数据？？？这个问题我纠结了好几个小时。。到最后，真真真……（无语子） 先上图，看目录： 我的目录长这样 接下来我会用到这几个页面： 1，HelowWorld.vue页面（上代码）： <template> <div class="hello"> 你好你好你好 <h1>这里是HelloWorld</h1> <p>
使用vue-quill-editor
weixin_43877725的博客
08-28 330
安装vue-quill-editor npm install vue-quill-editor --save main.js import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor); //全局定义文本框的功
linux中bind服务不能启动,在Linux系统下安装DNS服务器BIND
weixin_33745006的博客
05-12 1294
BIND是一种开源的DNS(Domain Name System)协议的实现，包含对域名的查询和响应所需的所有软件。它是互联网上最广泛使用的一种DNS服务器，下面讲解在linux系统下如何安装DNS服务器bind。1.从http://www.isc.org/products/BIND/bind9.html下载bind9的源文件。目前版本为9 .23，源文件为bind-9.2.3.tar.gz。2....
Puppeteer开发过程中遇到的问题及解决方案
m0_54849806的博客
02-21 7279
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
vue-observe-visibility:检测何时元素在页面上变得可见或隐藏
05-11
观察观察 检测何时元素在页面上变得可见或隐藏。 赞助商 目录 安装 npm install --save vue-observe-visibility :warning: 该插件使用了并非在所有浏览器中都支持的 （当前在Edge，Firefox和Chrome中受支持）。 您需要包括一个才能使其在不兼容的浏览器上运行。 进口 import Vue from 'vue' import VueObserveVisibility from 'vue-observe-visibility' Vue . use ( VueObserveVisibility ) 或者： import Vue from 'vue' import { ObserveVisibility } from 'vue-observe-visibility' Vue . directive ( 'observe-visibility'
v-viewer异步加载导致无效
Tanjc518的博客
08-19 844
【代码】v-viewer异步加载导致无效。
Vue.js --- 关于在vue中创建自定义私有指令时，出现报错 Failed to resolve directive: xxxx
qq_44765926的博客
04-13 1554
Vue.js — 关于在vue中创建自定义私有指令时，出现报错 Failed to resolve directive: xxxx 如上图一样，如果出现报错 Failed to resolve directive: xxxx（自定义指令名称），我当时在网上查找问题时，有的网友说的单词写错了，然后我检查了几遍，都发现不是单词写错了，后来测试了几遍不同的自定义名称后，发现并不是这个原因，这主...
vue报错：Failed to resolve directive: (found in ＜Anonymous＞)
code^_^熊的博客
02-01 1万+
问题 分析与解决   “未能解析指令”，检查一下是否有拼写错误或者不正当的空格(例如"v-model" 写成了 “v -model”)
Failed to resolve directive: XXX
weixin_42237651的博客
10-17 2万+
这个报错有2个原因： 1.指令单词拼错 2.Vue.directive() 这个方法没有写在 new Vue 之前 解决办法： 1.检查指令拼写是否正确 2.Vue.directive() 这个方法写在new Vue之前` Vue.directive('test',{ bind(el,binding,vnode){ console.log(el); el.style.color = "red" } }) new Vue({ el: '#app', components: {
在使用vue-router遇到的问题以及解决办法
热门推荐
curry_zhao的博客
12-03 3万+
1、ERROR in ./src/view/BootPage.vue template syntax error Component template should contain exactly one root element: .................. 解决方法：在vue-router2.0中，事件template的根节点只能有一个。 2、 [Vue warn]: Fai
成功解决：Failed to resolve directive: mode
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
09-04 4181
将v-mode 改为v-model。
使用better-scroll实现滚动菜单时，出现报错“Failed to resolve directive: el”解决方案。
SilenceJude的博客
09-01 5941
错误详情： 使用better-scroll实现滚动菜单时，报错“Failed to resolve directive: el”。 错误原因： 这是因为v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el，下面是修改的方法。 解决方案： 升级前使用v-el的代码： &amp;amp;lt;div class=&amp;quot;menu-wrapper&amp;quot; v-el:menu-wrapper&amp;amp;gt...
vue 报错 Failed to resolve directive: dragging
05-26
3. 如果你希望在全局范围内使用 "dragging" 指令，你需要在 Vue 实例上使用 `Vue.directive` 方法进行注册，像这样： ``` Vue.directive('dragging', myDraggingDirective) ``` 其中 `myDraggingDirective` 是你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值