java中的接口是类吗
274
2023-02-03
基于Vue的延迟加载插件vue
基于vue的懒加载插件
目的:图片或者其他资源进入可视区域后加载
安装使用
直接下载dist目录下的vue-view-lazy.min.js使用
使用npm安装
直接使用
Vue.use(vViewLazy.default,{});
new Vue({
RCMqgc el:'#app',
data:{
msg:'数据'
},
methods:{
handleModel(){
console.log('出现了');
},
},
})
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文件
loading...
loading...
export default {
data(){
return{
msg:[]
}
},
mounted(){
fetch('http://localhost:3000/test').then(res=>res.json()).then(res=>{
this.msg = res;
})
},
methods:{
getAjaxContent(event,msg){
event.innerText = msg
},
}
}
.cnt {
/*background: #ececec;*/
height: 500px;
margin-bottom: 50px;
}
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~