vant3中vant-image使用lazy-load报错：Uncaught(in promise)TypeError Cannot read property ‘deep‘ of undefined

最新推荐文章于 2024-01-11 14:57:54 发布
最新推荐文章于 2024-01-11 14:57:54 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： webH5 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34917408/article/details/120000881
版权
本文介绍了在 vant3 框架中使用 vant-image 组件时遇到的 Uncaught (in promise) TypeError: Cannot read property 'deep' of undefined 的错误，并提供了详细的解决方案，包括问题的原因和正确引入 Lazyload 组件的方法。
摘要由CSDN通过智能技术生成

关于vant3中vant-image使用lazy-load报错：Uncaught (in promise) TypeError: Cannot read property ‘deep’ of undefined解决方案

问题描述:

  • vant3中vant-image使用lazy-load出现以下报错：

    • Uncaught (in promise) TypeError: Cannot read property 'deep' of undefined
了解本专栏 订阅专栏 解锁全文 超级会员免费看
木屋x
关注
专栏目录
订阅专栏
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
11-19
在Vue项目中，使用Vant UI库的下拉框组件`van-dropdown-item`时，可能会遇到一个问题：下拉框的标题（title）始终不会根据所选的选项进行更新。本篇将详细介绍如何解决这个问题。 首先，确保正确安装并引入Vant组件...
vue3报错Cannot read property ‘deep‘ of undefined
hztiao的博客
12-12 1644
分析：这种情况一般是常用指令打错了 v-model ， v-if, v-for, v-show,v-else, v-bind, v-on等 我是把v-model打成 v-modle了
vue3 报错Cannot read property ‘deep‘ of undefined at withDirectives
热门推荐
前端开发者
08-26 1万+
报错信息 runtime-core.esm-bundler.js:3320 Uncaught (in promise) TypeError: Cannot read property 'deep' of undefined at withDirectives (runtime-core.esm-bundler.js:3320) at Proxy.<anonymous> (index.vue:55) at renderComponentRoot (runtime-core.
vant 2 弹出框报错 Uncaught (in promise) cancel
ahq2018的博客
06-12 1453
vue-cli3 + vant使用了Dialog异步关闭的官方示例, 点击取消时, 控制台报错 Uncaught (in promise) cancel, 不影响一般用户使用, 但是看着不舒服 原因分析： confirm使用了promise, 需要在confirm后加catch, 否则无法捕获错误...
vueApp图片懒加载使用
wang159477的博客
02-23 363
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式这里是引用插入链接与图片前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进
vue jest TypeError: Cannot read properties of undefined (reading ‘deep‘)
noscallion的博客
12-05 2549
vue jest 自定义指令
vue-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
vue-cli4-vant简介这是基于vue-cli4实现的移动端H5开发模板，其中包含项目常用的配置及组件封装，可以快速开发使用。技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖npm install// ...
Vant-Aliapp：支付宝小程序版本Vant组件库
02-26
npm i vant-aliapp -S --production 通过yarn安装 yarn add vant-aliapp --production npm使用 。 下载代码使用 直接通过git下载Vant Aliapp源代码，添加alipay alipay/npm目录副本到自己的项目中 git clone ...
vant-image本地图片无法显示
01-07
正常情况下都是这样写的，但是vant这个框架不知道怎么想的，居然加载不出来，花里胡哨。文档也没有写怎么加载本地图片，到处挖坑。如图： 加载失败 解决办法： src属性绑定requeir（）方法 :src=require('../...
【BUGFIX】TypeError: Cannot read properties of undefined (reading ‘deep‘) at withDirectives
老衲的少女心i~
05-31 781
的指令，已经在main.ts申明了。在vue项目中，设置了自定义指令，但是不生效。检查自定义指令在使用的时候，有没有写错。可能是自动定指令写错了。
Vant-ui图片懒加载
最新发布
橙-极纪元-cplvfx-JJY.Cheng
01-11 1034
Vant-ui图片懒加载使用说明
vant 使用Lazyload组件报错 Vant [Vue warn]: Failed to resolve directive: lazy
zhang_xiao_xie的博客
04-01 2382
实际上是vant自定义组件找不到问题 我mian.js中vant组件是全部加载的，所以可以改写为下面写法： import Vant,{Lazyload} from 'vant'; import 'vant/lib/index.css' Vue.use(Vant); Vue.use(Lazyload);
优化_图片懒加载
m0_65812066的博客
01-11 1100
vant组件库里有个叫LazyLoad指令, 在main.js中全局注册。指令的值设置为你需要懒加载的图片。对于van-image标签。
vant展示组件之Lazyload 懒加载
老君的博客
09-26 2538
版本号： vue/cli：4.5.12 vant：^3.0.10 使用方式： // 在main.js文件中 import { createApp } from 'vue' import { Lazyload } from 'vant' import default from '@/assets/images/default.png' // 注册 createApp(App).use(Lazyload, { lazyComponent: true, attempt: 3,
vant-picker弹出层数量多卡顿可以使用vant的Lazyload 懒加载
qq_36406553的博客
07-04 768
【代码】vue使用页面给vant-picker弹出层传值数组量大卡顿可以使用Lazyload 懒加载。
Vue3使用vant报错Uncaught (in promise) TypeError: Toast.loading is not a function
m0_48903743的博客
04-21 770
在vue3项目中使用vant ui时，html中没有报错可以正常使用，但是使用Toast.fail("222)的时候报错Uncaught (in promise) TypeError: Toast.loading is not a function。检查后发现，由于是使用npm i vant 进行引入的，查看版本发现的是4版本，于是。先卸载vant，再使用下载3版本来适应vue3项目。
报错的解决方案
NanChen的博客
11-13 2323
记得配置baseUrl
vant-image在uni-app下报错，Invalid handler for event “load“ Invalid handler for event “error“
Bitter的博客
10-17 2046
vant ui h5环境。vant-image会报错，源码中，vant-image里面有onLoad和onError方法。但是断点调试的时候,this.onLoad是undefined。可能被uni-app干掉了。 解决方法： vant在uniapp总是有各种小问题，尽量不要在uniapp中的环境下使用。 ...
vant4.0 正式发布了，分析其源码学会用 vue3 写一个图片懒加载组件！
u012384510的博客
02-20 1167
2022年11月29日首发于掘金，现在同步到公众号。11. 前言大家好，我是若川。我倾力持续组织了一年多源码共读，感兴趣的可以加我微信 lxchuan12 参与。另外，想学源码，极力推荐关注我写的专栏《学习源码整体架构系列》，目前是掘金关注人数（4.6k+人）第一的专栏，写有20余篇源码文章。我们开发业务时经常会使用到组件库，一般来说，很多时候我们不需要关心内部实现。但是如果希望学习和深究里面的原...
引入vant在uniapp中使用npm i vant -S报错：Cannot read properties of null (reading 'pickAlgorithm')
05-03
这个报错可能是因为您的 `webpack` 版本过低导致的，可以尝试升级 `webpack` 版本来解决这个问题。 具体操作如下： 1. 全局安装 `webpack` 和 `webpack-cli`： ``` npm install webpack webpack-cli -g ``` 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木屋x

你的鼓励将是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值