Vue加jQuery，移动端h5页面 页面滑动到底部加载下一页

//js页面
var index = 1;
$(document).ready(function () {
    List.init();
});

var List = {
    init: function () {
        this.getList();

        vdata = new Vue({
            el: '#form1',
            data: {
                super_list: [],
                loadisover: false,
                block:"none",
            },
            methods: {
                
            }
        });
    },
    getList: function () {
        var param = {};
        param["gid"] = "参数一"; 
        param["index"] = index;
        $.RX_post("接口名", param,
            function (d, s) {
                var data = $.parseJSON(d.d);
                console.log(data);
                if (index == 1) {
                    vdata.super_list = data.data.list;
                } else {
                    for (var i = 0; i < data.data.list.length; i++) {
                        vdata.super_list.push(data.data.list[i]);
                    }                  
                }
                vdata.block = 'block'; //用来隐藏页面加载时闪现的Vue代码
                if (data.data.list.length > 0) {
                    index = index + 1;
                } else {
                    vdata.loadisover = true; 
                }

            }, null, null, null, true);
    }, 
}
//滑动到底部
$(document).scroll(function () {
    var dc = $(document);
    if (dc.scrollTop()+2 >= dc.height() - $(window).height()) {
        console.log("滑动到底部");
        if (vdata.loadisover) return;
        List.getList();
    }
})