前端常见坑合集

宋乐
宋乐 4月24日

img onload 事件 被浏览器缓存后不执行 onload 方法

https://www.cnblogs.com/alanaZ/p/4648581.html

vue keepalive mint ui 无线加载方案 bug

Mint UI 的无线滚动指令是通过监听浏览器是否滚动到浏览器底部某个位置来实现的,但是是给全局都加上了。如果一个组件进行复用的时候, 当滑动到底部,这几个复用的组件都会执行 loadMore 方法。
解决方案是自己通过 JQ 来监听是否到达底部,然后在复用的组件里通过 keepalive 的回调动态给 window 的添加 scroll 的监听器

activated() {
        window.addEventListener('scroll', this.initLoadMore)
    },
deactivated() {
        window.removeEventListener('scroll', this.initLoadMore)
    },
initLoadMore() {
    let _this = this
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
        _this.loadMore()
    }
},