鍍金池/ 問(wèn)答/HTML/ vue瀑布流插件vue-waterfall-easy的scrollLoadImg

vue瀑布流插件vue-waterfall-easy的scrollLoadImg不起作用,下拉滾動(dòng)條不加載圖片?

<template>
    <div id="all_user">
        <div class="search_box">
            <input type="text" placeholder="請(qǐng)輸入編號(hào)或名稱">
            <button><i class="tt tt-quanburen"></i>搜索</button>
        </div>

        <vue-waterfall-easy :imgsArr="imgsArr" @scrollLoadImg="fetchImgsData">
        </vue-waterfall-easy>
    </div>
</template>

<script>
    import vueWaterfallEasy from 'vue-waterfall-easy'

    export default {
        components: {
            vueWaterfallEasy
        },
        data() {
            return {
                imgsArr: [],
                fetchImgsArr: []
            }
        },
        methods: {
            // 假數(shù)據(jù)
            initImgsArr(n, m) { //num 圖片數(shù)量
                let arr = [];
                for (let i = n; i < m; i++) {
                    arr.push({
                        id: i,
                        src: `../../../static/images/${i + 1}.jpg`,
                        link: '',
                        info: '一些圖片描述文字'
                    })
                }
                return arr
            },

            fetchImgsData() {
                console.log('是否執(zhí)行該方法')
                this.imgsArr = this.imgsArr.concat(this.fetchImgsArr)
            },
        },
        created() {
            this.imgsArr = this.initImgsArr(0, 5);
            this.fetchImgsArr = this.initImgsArr(5,9) // 模擬每次請(qǐng)求的新的圖片的數(shù)據(jù)數(shù)據(jù)
            console.log(1,this.imgsArr,2,this.fetchImgsArr)
        },

    }

</script>
回答
編輯回答
尐懶貓

哈?樓主解決了嗎?我也遇到這個(gè)問(wèn)題,不知道是不是頁(yè)面的高度設(shè)置讓控件定位出問(wèn)題了?

2018年7月10日 15:06
編輯回答
寫榮

看源碼寫的滾動(dòng)事件
clipboard.png

2017年8月19日 00:26