vant 引用Lazyload报错Lazyload

报错如上图：

将本地代码添加如下两行就可以了：

import Vue from "vue";
Vue.use(Lazyload);

完整使用方式如下：

<template><div class="Index"><!-- banner --><div class="banner"><van-swipe :autoplay="3000" indicator-color="#ea792d" class="my-swipe"><van-swipe-item v-for="(item, index) in bannerlist" :key="index"><img v-lazy="item" :data-url="item" /></van-swipe-item></van-swipe></div><!-- nav --><!-- list  --></div>
</template>
<script>
import { Swipe, SwipeItem, Lazyload } from "vant";
import Vue from "vue";
Vue.use(Lazyload);
export default {name: "Index",data() {return {bannerlist:[require("../../../image/ibanner1.png"),require("../../../image/ibanner2.png")]};},components: {[Swipe.name]: Swipe,[SwipeItem.name]: SwipeItem,[Lazyload.name]: Lazyload,},mounted() {},methods: {},
};
</script>

vant 引用Lazyload报错Lazyload相关推荐

html日期格式化引用fmt报错
@[TOC]html日期格式化引用fmt报错(这里写自定义目录标题) 下面是user_list.jsp源代码 <%– Created by IntelliJ IDEA. User: root D ...
echarts 路径引用问题报错 net::ERR_ABORTED 404 (Not Found)
小编刚刚又遇见了一个bug,是关于echarts的路径引用问题报错信息为: GET http://localhost:11426/UserCenter/dist/echarts.js net::ER ...
vue 引用组件报错——找不到组件的解决方案
vue在开发页面时引用组件报错在使用vue开发页面时报如下错,到处找问题,components的注入也是写正确的后来才发现是这里引入写错了,引入组件不能写{} 改成下面这种就可以了记录下工作中的 ...
jquery报错 $(‘....‘).lazyload is not a function解决方法
从网上找了两个html模板,想把两个网站合在一起.但是两个网站都有各自的样式. 当时就简单粗暴地把所有script标签都粘贴到一起了. 结果加载页面的时候,报错: Uncaught TypeError ...
一分钟教你学会配置eslint，还在为风格单双引号，对象末位逗号要不要，引用各种报错而烦恼？(建议收藏！详细中文注释)...
最全的eslint配置大全,我已经加了详细中文注释,只需要找到自己想要的配置就可以了,强烈建议收藏! 用法非常简单,找到.eslintrc.js下的rules添加对象即可,比如我要把规则原本单引号要变 ...
爱思唯尔模板引用参考文献报错
使用.bib 引用参考文献模板还有另外一种方法,直接在tex文件中添加参考文献.但是,参考文献太多的了,可读性就比较差.所以使用如下两行代码,实现参考文献导入 \bibliographystyle{ ...
vant组件引入报错module “pages/index/initiate/path/to/@vant/weapp/dist/dialog/dialog.js“ is not defined
问题描述根据官方文档引入dialog弹出框引入报错: 使用vant组件库的dialog弹出框引入报错原因分析: 不能直接根据官网的路径直接写path/to,而是要使用你安装本地的dialog.js ...
c 引用mysql报错_安装TPCC-MySQL报错
安装TPCC-MySQL做压力测试,由于TPCC-MySQL是bzr工具进行版本控制的,所以要先安装bzr [root@mha_backup /root] #rpm -Uvh http://dl.fe ...
Java代码引用flink报错：java.lang.NoClassDefFoundError: org/apache/flink/streaming/util/serialization/Deseri
我在 IDEA 环境中调试 Kafka+Flink 自己编写的例子时代码编译都是通过的,但是进行Debug调试时,出现如下异常: java.lang.NoClassDefFoundError: or ...

vant 引用Lazyload报错Lazyload

vant 引用Lazyload报错Lazyload相关推荐

最新文章

热门文章