vue+jquery懒加载数据

 <ul class="my_member_list ">
   <li v-for="item in list">
        {{item.name}}       
  </li>
</ul>

new Vue({
        el: '#app',
        data() {
            return {
                form: {
                    userId: myRoomMes.userId,
                    page: 1,
                    rows: 10,
                    token: myRoomMes.token,
                },
                clubId: GetQueryString("clubId"),
//                roomMes:roomMes,
                list: [],
                total: 0,
                //懒加载
                layerIndex: '',
                isscroll: true,
            }
        },
        created() {
            this.getApplicants()
        },
        methods: {
         getApplicants(){
                var vm = this;
                $.ajax({
                    type: 'POST',
                    url: baseUrl + "/getApplicants",
                    data: vm.form,
                    beforeSend: function () {
                        vm.layerIndex = layer.load(1);
                    },
                    success: function (result) {
                        layer.close(vm.layerIndex)
                        if (result.status == 200) {
                            if (!result.data) {
                                layer.msg(vm.form.page + '页，后台没有返回数据！');
                                vm.isscroll = false
                                return;
                            }
                            if (vm.form.page == 1)
                            {
                                vm.list=[];
                            }
                            vm.total = Math.ceil(result.total / vm.form.rows);
                            vm.list.push.apply(vm.list, result.data);
                            if (vm.form.page == 1)
                            {
                                vm.onscroll()
                            }
                        }
                        layer.msg(result.message)
                    },
                    error:function () {
                    }
                });
            },
         onscroll() {
                var index;
                var vm = this;
                var dom = $('.container')
                dom.scroll(function (event) {
                    var $this = dom,
                        viewH = $(this).height(),//可见高度
                        contentH = $(this).get(0).scrollHeight,//内容高度
                        scrollTop = $(this).scrollTop();//滚动高度

                    if (scrollTop / (contentH - viewH) >= 0.90) { //到达底部100px时,加载新内容

                        if (vm.form.page >= vm.total || !vm.isscroll) {
                            layer.close(index)
                            if (contentH - viewH - scrollTop <= 25) {
                                index = layer.msg('已加载所有列表！');
                            }
                            return
                        }
                        vm.form.page++;
                        vm.getApplicants();
                    }
                });
            },
            }
      })