SOURCE

new Vue({
    el: '#app',
    data() {
        return {
            check1: [],
            data1: [
                { text: '自定义内容1', id: 1 },
                { text: '自定义内容2', id: 2 },
                { text: '自定义内容3', id: 3 },
                { text: '自定义内容4', id: 4 },
                { text: '自定义内容5', id: 5 },
                { text: '自定义内容6', id: 6 },
                { text: '自定义内容7', id: 7 }
            ]
        }

    },
    methods: {
        /**
         * done是加载完成后调用的数据是vue-scroller内提供
         * 第一次手动触发时没有次参数
         */
        infinite1(done) {
            for (let i = 0; i < 10; i++) {
                this.data1.push({
                    text: generateUUID(),
                    id: generateUUID()
                })
            }
            setTimeout(() => {
                if (done) {
                    done()
                }
            }, 2000)
        }
    }
})

function generateUUID() {
    var d = new Date().getTime();
    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = (d + Math.random() * 16) % 16 | 0;
        d = Math.floor(d / 16);
        return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
    });
    return uuid;
};

<div id="app">
    <div class="check-list-1">
       选中值：{{check1}}
        <div style="position: relative;">
             <check-list :data="data1" v-model="check1" height="200" :on-infinite="infinite1">
            <template v-slot="{item}">
                {{item.text}}
            </template>
        </check-list>
	    </div>
    </div>
</div>

.check-list-1 {
    position: relative;
}