vue 小知识

Posted 2020-10-10 仔仔爱学习

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 小知识相关的知识，希望对你有一定的参考价值。

图片:
<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 小知识的主要内容，如果未能解决你的问题，请参考以下文章