vue 小知识

标签：img   doc   offset   避免   ie9   ack   his   高度   获取数据   

图片:
<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 小知识

标签：img   doc   offset   避免   ie9   ack   his   高度   获取数据   

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