这篇文章主要介绍了基于Vue的延迟加载插件vue-view-lazy,可以使图片或者其他资源进入可视区域后加载,内容挺不错的,现在分享给大家,也给大家做个参考。
基于vue的懒加载插件
目的:图片或者其他资源进入可视区域后加载
安装使用
直接下载dist目录下的vue-view-lazy.min.js使用
使用npm安装
直接使用
npm:
$ npm install --save-dev vue-view-lazy
引入vue-view-lazy
.main文件
import vView from 'vue-view-lazy' Vue.use(vView,{ error:'../../static/images/loading.png', loading:'../../static/images/loading.gif', });
懒加载图片
.vue文件
懒加载数据
.vue文件
getAjaxContent(e,v.msg)"> loading...
loading...
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上是基于Vue的延迟加载插件vue-view-lazy的介绍的详细内容。更多信息请关注PHP中文网其他相关文章!