首页 > 其他 > 详细

vue 小知识

时间:2017-10-10 15:21:29      阅读:197      评论:0      收藏:0      [点我收藏+]
图片:
<img :src="item.cover" class="img"/>
<span v-bind:style="{backgroundImage: ‘url(‘ + item.cover + ‘)‘}"></span>

滚动加载
//是否返回底部


// 设置一个开关来避免重负请求数据
mounted(){

_this.sw = true;
window.addEventListener(‘scroll‘,function() {
_this.isTouchScreenBtm()
})
}


isTouchScreenBtm:function(){
//document.body.scrollTop 滚动条距离顶部的距离(IE9 及更早版本)//pageYOffset
//window.innerHeight可视区的高度
//document.body.offsetHeight 内容的总高度
if (window.pageYOffset + window.innerHeight >= document.body.offsetHeight) {
let _this=this
if (_this.sw == true) {
// 将开关关闭
_this.sw = false
//TODO:: 需要判断tab切换获取数据
_this.initData()
}
}
},
 

vue 小知识

原文:http://www.cnblogs.com/ch-zaizai/p/7645344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!