https://www.jianshu.com/p/205b76a47a3d
安装
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'/>
网友评论