zoukankan      html  css  js  c++  java
  • 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方法”有关的相关答案进行了整理

    问题: (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方法”的问题解答,希望对有需要的网友有所帮助。

  • 相关阅读:
    js实现点击隐藏图片
    绝对定位给图片四角加上图片修饰
    雪碧图实现登陆页面
    弹性盒模型
    数组练习--求数组和,平均值,最大值,最小值
    h5与c3权威指南笔记--css3结构性伪类选择器root,not,empty,target
    h5与c3权威指南笔记--css3新属性选择器
    闲聊Java里的随机数
    Python之简单抓取豆瓣读书信息
    中本聪比特币论文
  • 原文地址:https://www.cnblogs.com/huancheng/p/10304117.html
Copyright © 2011-2022 走看看