(vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
来源:互联网 发布:vm14安装ubuntu 教程 编辑:程序博客网 时间:2024/04/30 15:43
关于网友提出的“ (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
1 1
- (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
- vue.js2.0父组件点击触发子组件方法
- vue muit-ui infinite-scroll源码解析
- vue 父组件调用子组件方法
- vue子组件获取父组件方法
- vue-cli 子组件向父组件传递参数,触发父组件方法
- vue-router 实现组件的缓存之 keep-alive
- ionic实现上拉加载更多(组件 ion-infinite-scroll使用,以及多次加载的问题)
- vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
- vue父组件点击触发子组件事件
- vue关于父组件调用子组件的方法
- infinite-scroll插件使用
- 小白入门---Vue无限滚动(vue-infinite-scroll)
- vue 父组件和子组件的通信
- vue---vue2.x中父组件如何触发子组件事件方法?
- better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
- Vue.js的组件(二)父组件与子组件的数据联系 之 父传子
- 父组件向子组件传递数据(vue.js)
- (hdu1007)Quoit Design,求最近点对
- React native webView Ios端禁止手势放大
- 【数据结构】看图理解单链表的反转
- java将流水数据转化成稀疏格式的购物篮式public class AccountCode { private String accountCode; public String getAc数据
- JAVA源码解读之Vector
- (vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法
- 阿里云的maven配置(转)
- Gx接口diameter信令CER消息结构分析
- CodeForces
- 南阳oj 题目66 分数拆分
- JAVA反射调用详解
- BZOJ3823 定情信物
- Thymeleaf
- linux 安装opencv——从开始到放弃……