vue2报错Failed to resolve directive: lazy

最新推荐文章于 2024-04-17 16:55:38 发布

原创最新推荐文章于 2024-04-17 16:55:38 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

在使用最新版vue-lazyload时遇到Failed to resolve directive: lazy的错误。通过将版本回退到1.3.3成功解决了问题。这可能是由于新版本与项目配置存在兼容性问题。

使用vue的一个插件vue-lazyload出现报错：Failed to resolve directive: lazy

安装的是最新版的vue-lazyload，修改版本号为1.3.3就解决了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Together780

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue图片懒加载报错：[Vue warn]: Failed to resolve directive: lazy

weixin_56035334的博客

07-08

7683

[Vue warn]: Failed to resolve directive: lazy

Vue2.x 使用vue-lazyload 时报错 Failed to resolve directive: lazy

zibuyu369的博客

07-07

2729

Vue2.x 使用vue-lazyload 时报错 Failed to resolve directive: lazy

1 条评论您还未登录，请先登录后发表或查看评论

Failed to resolve directive: lazy

weixin_45272820的博客

03-11

1251

Failed to resolve directive: lazy

vue.runtime.esm.js?c320:4573 [Vue warn]: Failed to resolve directive: lazy

前端如逆水行舟...

09-12

4074

vue插件报错vue.runtime.esm.js?c320:4573 [Vue warn]: Failed to resolve directive: lazy

[Vue warn]: Failed to resolve directive: lazy

CX的博客

12-24

1643

使用vant swiper问题

vue.runtime.esm.js:4605 [Vue warn]: Failed to resolve directive: lazy

05-18

lazy: VueLazyload.directive, }, }; ``` 在上面的例子中，我们使用了 [vue-lazyload](https://github.com/hilongjw/vue-lazyload) 库来实现图片懒加载。你需要根据自己的需求选择合适的库来实现 `v-lazy` 指令。

vue.runtime.esm.js:4605 [Vue warn]: Failed to resolve directive: lazyload

05-18

Vue.directive('lazyload', { // 指令的定义 }) ``` 如果你已经注册了这个自定义指令，但是仍然看到这个警告，可能是因为你没有正确引入或安装与该指令相关的依赖项。例如，如果你使用了vue-lazyload库来实现图片...

在vue2.6.6中that.uxGridHeight = that.$refs.layout_table.$el.parentNode.offsetHeight;这一行控制台显示Failed to resolve directive: perm报错

最新发布

03-12

</think>### 解决Vue 2.6.6中`Failed to resolve directive: perm`报错 #### 问题分析该报错表明Vue在解析模板时无法找到名为`perm`的自定义指令。可能原因包括： 1. **指令未正确注册**：未通过`Vue.directive()`...

Vue.js界面设计专家指南：打造超级用户友好的茶叶商城

![Vue.js界面设计专家指南：打造超级用户友好的...本文首先介绍了Vue.js的基础知识和项目搭建方法，确保读者对Vue.js有一个全面的认识和开始项目的基础。接着，深入解析Vue.js的核心特性，包括响应式系统、组件化开发

【Vue.js图片加载优化】：掌握本地JSON路径动态绑定的最佳实践

本文首先概述了Vue.js中图片加载优化的重要性，并深入探讨了图片加载机制，包括组件生命周期内图片加载的时机、数据绑定与虚拟DOM对图片加载性能的影响。随后，本文介绍了图片加载优化的理论基础，涵盖了浏览器渲染...

Vant [Vue warn]: Failed to resolve directive: lazy

weixin_41859887的博客

12-24

6793

[Vue warn]: Failed to resolve directive: lazy 遇到Vant自定义指令找不到的问题可以这样写，亲测有效 import Vant,{Lazyload} from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); Vue.use(Lazyload);

vantUI 使用Lazyload组件报错 Vant [Vue warn]: Failed to resolve directive: lazy

weixin_56786363的博客

10-05

418

【代码】vantUI 使用Lazyload组件报错 Vant [Vue warn]: Failed to resolve directive: lazy。

vue.runtime.esm.js?c320:4625 [Vue warn]: Failed to resolve directive: lazy

m0_64081601的博客

04-17

917

原因：vue2与懒加载插件默认版本不相容导致的。解决方法：重新安装lazyLoad。

Vue + Vant 图片懒加载提示:Failed to resolve directive: lazy

zhouzhiwengang的专栏

02-23

4094

vue + vant 使用图片懒加载提示:Failed to resolve directive: lazy 报错代码: <img v-lazy="item.GoodImg" alt=""> 问题解决:main.js 引用Lazyload 懒加载框架 import Vant from 'vant'; import { Lazyload } from 'vant'; import 'vant/lib/index.css'; Vue.config.productionTip = .

vue-lazyload 使用 failed to resolve directive: lazy

FGGIT的博客

02-22

1461

vue-lazyload 使用 failed to resolve directive: lazy

vue图片懒加载报错------ vue-lazyload 使用 failed to resolve directive: lazy

m0_49011098的博客

11-10

1536

vue图片懒加载报错------ vue-lazyload 使用 failed to resolve directive: lazy

Vue3自定义全局事件警告[Vue warn]: Failed to resolve directive: img-lazy

weixin_51926913的博客

06-14

1008

在main.js中，我开始的配置写成了这个样子。应该修改为大括号要在小括号里面。