cube-ui框架scroll / slide组件结合Vue框架keep-alive组件使用遇到的坑

最新推荐文章于 2021-12-20 18:47:48 发布

一枕黄粱-web

最新推荐文章于 2021-12-20 18:47:48 发布

阅读量662

点赞数 1

分类专栏： vue 文章标签： cube-ui keep-alive

本文链接：https://blog.csdn.net/jstljspservlet/article/details/102460873

版权

1. 被keep-alive缓存的页面如果使用了cube-ui的scroll相关组件，必须在activated方法中手动调用scroll组件的refresh()方法刷新，否则会出现无法上下滚动的情况

2.被keep-alive缓存的页面如果使用了cube-ui的slide相关组件，必须在activated方法中手动调用slide组件的refresh()方法刷新，否则会出现tab标签切换后slide不滑动的情况。slide组件的refreshResetCurrent属性为false（当刷新时是否重置索引，false不重置）

示例代码 this.userStatusList = [‘空闲中’, ‘面试中’, ‘请假中’]

 activated () {
    // 被keep-alive缓存的页面如果使用了cube-ui的scroll相关组件，必须在activated方法中手动调用scroll组件的refresh()方法刷新，否则会出现无法上下滚动的情况
    for (let i = 0; i < this.userStatusList.length; i++) {
      let scrollStr = 'scroll_' + i.toString()
      if (this.$refs[scrollStr]) {
        this.$refs[scrollStr].refresh()
      }
    }
    // 被keep-alive缓存的页面如果使用了cube-ui的slide相关组件，必须在act