第一步安装
npm install vue3-lazy-S
第二步在：main.js 中配置
import { createApp } from "vue";
import App from "./App.vue";
// 懒加载
import lazyPlugin from "vue3-lazy";
const app = createApp(App);
// 懒加载
app.use(lazyPlugin, {
loading: require("./assets/jiazai.png"), // 图片加载时默认图片
error: require("./assets/cuo.png"), // 图片加载失败时默认图片
});
app.mount("#app");
第三步 在组件中使用以下代码
<img v-lazy="想要加载的图片" >
