vue3-lazy的安装与使用

安装

npm i vue3-lazy -S

引入

在main.js中，引入vue3-lazy，并且use

//main.js
import { createApp } from 'vue'
import App from './App.vue'
import lazyPlugin from 'vue3-lazy'

createApp(App).use(lazyPlugin,{
  loading: '@/assets/images/default.png',        //图片加载中时显示的默认图片
  error: '@/assets/images/error.png'        //图片加载失败后显示的图片
})

使用

在组件中，图片标签上使用 v-lazy

//图片标签使用
<img v-lazy='item.pic'/>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容