美文网首页
vue3-lazy的安装与使用

vue3-lazy的安装与使用

作者: Jycoding | 来源:发表于2022-04-22 18:38 被阅读0次

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'/> 

相关文章

网友评论

      本文标题:vue3-lazy的安装与使用

      本文链接:https://www.haomeiwen.com/subject/pwgaertx.html