基于Vue的延迟加载插件vue-view-lazy

基于vue的懒加载插件

目的:

图片或者其他资源进入可视区域后加载

安装使用

  1. 直接下载dist目录下的使用
  2. 使用npm安装

直接使用

npm:

引入vue-view-lazy

.main文件

懒加载图片

.vue文件

  • 图片" v-view-lazy="item.src">

懒加载数据

.vue文件

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

问题现象 elmentui的el-tree数据加载问题,导致第一次加载选中当前节点和高亮当前节点没有生效。 解决方...
因为刚打开文件,vscode默认是预览状态,如果编辑过之后,就不会有这个问题。 可以通过双击将预览状态接...
前言 上篇文章我们介绍了国产SM4加密算法的后端java实现方案。没有看过的小伙伴可以看一下这篇文章。 h...
在项目中引入动态路由时报错 写法: 报错: Module build failed (from ./node_modules/_eslint-loader@2...
问题产生 在使用babel编译es6时,遇到报错Uncaught ReferenceError: regeneratorRuntime is not define...
父组件的编写 <a:orgCode=orgCode ></a> 在data里面增加...