添加之后，不停地调用加载方法

[skyetang]

一直不停地调用加载方法。根本停不下来。。。

              this.busy = true;
             var _ = this;
          $.get('getCollectList',vd,function(res){
            if(res.falg == 'success'){
                _.content = res.data.content;
                _.busy = false;
            }

感觉你们做的效果，体验都挺不错，可是我用却老是出问题，忧伤啊

[furybean]

能否提供一个可重现这个问题的用例？

[skyetang]

我把主要代码贴出来，可以吗？
入口js
import Vue from 'vue'; import mystore from './myStoreIndex'; import infinit from 'vue-infinite-scroll'; Vue.use(infinit) new Vue(mystore);

methods
methods: { loadMore: function() { this.busy = true; var _ = this; var vd = {}; $.get('getCollectList',vd,function(res){ _ .content = res.data.content; _.busy = false; }) }

template
`

{{data.title}}

{{data.createTime}}

<div class="action" @click="setting">

`

就这样，每次请求了之后，就会继续重复请求。只要把busy改为false了之后，就会又执行loadMore方法。

[skyetang]

已经解决了。
是因为我把_.busy =false，写到ajax里面去了，我调到外面来就好了。
但是我还是不明白，为什么放在ajax里面，会形成死循环，不停地刷。

[furybean]

busy 是应该在 ajax 结束的时候才重置为 false 的。
能把解决问题的代码贴一下么？

[skyetang]

`methods: {

loadMore: function() {

this.busy = true;

var _ = this;

var vd = {};

$.get('getCollectList',vd,function(res){
_ .content = res.data.content;
_.busy = false;
})
}`

1、上面的写法，会不停地刷。。
2、关于然后昨晚上说，把busy重置为false，写在ajax外面的时候，只要屏幕动一下，就会直接加载。不管是否到了页面底部。

[hubinjie]

如果是屏幕动一下就加载，发现即便不在这个页面，在其他页面也会加载，不停的加载。。。

[furybean]

@hubinjie 是否使用了 keep alive 的功能？

[hubinjie]

@furybean 是的是的，咋破?
我昨天判断了一下$route.name 加了一个return

[furybean]

@hubinjie 可以考虑控制一下 disabled 属性？

[hubinjie]

@furybean 感觉还是有问题，当你再次进来的时候又加载了，离开又停，再次进来又加载，切进来很卡

[furybean]

如果把这个 directive 写在你要 keep alive 的组件本身呢，这样感觉就只绑定一次？

[weaponready]

@hubinjie 使用keep-alive出现了和一样的问题呢

[dingyiming]

好像跟keep-alive一起使用的确有问题，造成不同的路由页面的滚动条一动都会触发无限加载。。。而且好像不能保存滚动状态

[iversong]

不使用keep-alive切换组件后也是触发无限加载！！

[furybean]

@iversong 这种情况能提供一个 demo 么？