报错如上图:
将本地代码添加如下两行就可以了:
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>