好资源导航 » 文章资讯 » 基于Vue的延迟加载插件vue-view-lazy

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

2023-09-12 13:54:05 51

基于vue的懒加载插件

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

安装使用

直接使用

npm:

$npminstall--save-devvue-view-lazy

引入vue-view-lazy

.main文件

importvViewfrom'vue-view-lazy'
Vue.use(vView,{
error:'../../static/images/loading.png',
loading:'../../static/images/loading.gif',
});

懒加载图片

.vue文件

...

懒加载数据

.vue文件






.cnt{
/*background:http://www.haoziyuan.cc#ececec;*/
height:500px;
margin-bottom:50px;
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。