当前位置: 首页 > news >正文

Vue中实现图片懒加载简单说明

1.安装

npm i vue-lazyload@1.2.6

2.导入

import VueLazyload from "vue-lazyload";

 3.注册插件

说明:main.js文件

import imgs_src from "src"
Vue.use(VueLazyload, {// 懒加载默认图片loading:"imgs_src"
});

4.前台

说明:vue文件

<img v-lazy="./images/right.png" width="48" height="48">

 

 

http://www.lryc.cn/news/121995.html

相关文章:

  • zookeeper案例
  • 项目中使用git vscode GitHubDesktopSetup-x64
  • 【Linux操作系统】文件描述符fd
  • 【RocketMQ入门-安装部署与Java API测试】
  • SystemVerilog之覆盖率详解
  • Qt Designer设计的界面如何显示、即运行显示窗口界面
  • vue3的setup的使用和原理解析
  • Spring boot中的线程池-ThreadPoolTaskExecutor
  • pgsql checkpoint机制(1)
  • 微信小程序 map地图(轨迹)
  • 【钉钉接口】bpms_task_change、bpms_instance_change 的区别及举例
  • vue左右div结构手动拉伸并且echarts图表根据拉伸宽高自适应
  • 开发工具Eclipse的使用
  • DrawerLayout布局使用教程Android侧边栏导航完全指南:创建简单实用的导航抽屉
  • Dynamics 365 实体快速创建功能启用
  • Mybatis三剑客(一)在springboot中自动生成Mybatis【generator】
  • 【LeetCode 热题 100】图论 专题(bfs,拓扑排序,Trie树 字典树)
  • Jmeter压测实战:Jmeter二次开发之自定义函数
  • 在python中使用nvidia的VPF库对RTSP流进行硬解码并使用opencv进行显示
  • C++中using namespace std的作用记录
  • 【TX 企业微信私有化历史版本 API 信息泄露】
  • 腾讯云轻量应用服务器镜像应用模板清单大全
  • C语言链表操作
  • 详解拦截器和过滤器
  • 关于`IRIS/Caché`进程内存溢出解决方案
  • 构建Docker容器监控系统(cadvisor+influxDB+grafana)
  • 最强自动化测试框架Playwright(17)- 模拟接口
  • Python爬虫——requests_get请求
  • 【EI复现】一种建筑集成光储系统规划运行综合优化方法(Matlab代码实现)
  • C++11 异步与通信之 std::async