vue1.0 lazyload
时间: 2023-12-14 08:03:40 浏览: 54
在 Vue 1.0 中实现图片懒加载可以通过以下步骤:
1. 引入 `vue-lazyload` 库:
```
<script src="https://cdn.jsdelivr.net/npm/vue-lazyload@1.0.0-beta.6"></script>
```
2. 在 Vue 实例中注册 `vue-lazyload`:
```
Vue.use(VueLazyload)
```
3. 在需要懒加载的图片上使用 `v-lazy` 指令:
```
<img v-lazy="imageSrc">
```
其中,`imageSrc` 是需要懒加载的图片路径。需要注意的是,在 Vue 1.0 中,`v-lazy` 指令只能用于 `img` 标签上,不能用于 `background-image` 属性。
阅读全文