(vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
2017-05-04 19:40
1316 查看
关于网友提出的“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”问题疑问,本网通过在网上对“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题: (vue.js)vue
父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
描述:
父组件使用keep-alive将页面缓存起来,同时使用mint ui的infinite-scroll组件实现滚动加载更多的需求。
父组件为商品列表页,滚动到页面底部自动加载更多数据,点击其中一个商品进入商品详情页,当滚动到详情页底部时会触发父组件的infinite-scroll,导致不停得请求接口(即在子页面发生不断请求父页面加载更多的接口)
应用使用vue2.0开发,已知问题由keep-alive导致,keep-alive使切换路由后父组件的指令没有解绑,因此当子组件滚动到页面底部时触发该指令绑定的加载更多的方法。
请问这种情况要如何解决呢?
mini-ui infinite-scroll文档
相关问题,可惜没看懂解决办法
解决方案1:
issue 中给出的办法就是在 deactive 的时候将 infinite-scroll-disabled 属性设置为 true,这样就不会出发滚动加载,应当可以解决你遇到的问题。
以上介绍了“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”的问题解答,希望对有需要的网友有所帮助。
链接:http://www.codes51.com/itwd/4193155.html
问题: (vue.js)vue
父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
描述:
父组件使用keep-alive将页面缓存起来,同时使用mint ui的infinite-scroll组件实现滚动加载更多的需求。
父组件为商品列表页,滚动到页面底部自动加载更多数据,点击其中一个商品进入商品详情页,当滚动到详情页底部时会触发父组件的infinite-scroll,导致不停得请求接口(即在子页面发生不断请求父页面加载更多的接口)
应用使用vue2.0开发,已知问题由keep-alive导致,keep-alive使切换路由后父组件的指令没有解绑,因此当子组件滚动到页面底部时触发该指令绑定的加载更多的方法。
请问这种情况要如何解决呢?
mini-ui infinite-scroll文档
相关问题,可惜没看懂解决办法
解决方案1:
issue 中给出的办法就是在 deactive 的时候将 infinite-scroll-disabled 属性设置为 true,这样就不会出发滚动加载,应当可以解决你遇到的问题。
以上介绍了“ (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法”的问题解答,希望对有需要的网友有所帮助。
链接:http://www.codes51.com/itwd/4193155.html
相关文章推荐
- vue.js内置组件之keep-alive组件使用
- 使用vue.js在页面内组件监听scroll事件的方法
- 使用vue.js在页面内组件监听scroll事件
- Vue官方推荐AJAX组件axios.js使用方法详解与API
- Vue.js路由组件vue-router使用方法详解
- vue.js2.0父组件点击触发子组件方法
- vue.js 2.x 能否设置某个组件不被keep-alive 的解决方案
- vue.js中组件的创建和使用方法
- vue 使某个组件不被 keep-alive 缓存的方法
- vue解决使用webpack打包后keep-alive不生效的方法
- Vue.js路由组件vue-router的使用方法
- 使用vue的时候我们使用keep-alive会将页面缓存的解决方法
- Vue2.0 keep-alive 后组件不使用缓存
- Angularjs 的 ngInfiniteScroll 的使用方法
- JS上传组件FileUpload自定义模板的使用方法
- Angularjs 的 ngInfiniteScroll 的使用方法
- 使用JS,JQ获取offset-*,client-*,scroll-*的方法总结
- JS组件Bootstrap Select2使用方法解析
- Android BaseWebLoad组件使用及与js方法互调