VUE—用keep-alive进行缓存之后，返回到父级路由，再次进入时内容照样消失，怎么解决（图文）

用keep-alive进行缓存之后，返回到父级路由，再次进入时内容照样消失，怎么解决

本身创建了四个工作台，用了keep-alive所以可以缓存，同级路由下进行切换内容不会消失，比如我点击切换到了我的文档这个路由，然后再点击我的工作台，会发现内容没有消失，但是我点击首页，也就回到了父级路由，再次进入我的工作台会发现内容消失了

解决方法如下：
首先我在我的工作台这个vue里定义了一个方法add（），在点击增加worklist数组的对象同时在localstorage本地存储this.worklist，然后看一下localstorage的变化

我创建了8个工作台，然后localstorage里存入arr

然后在我的工作台这个vue里写一个钩子函数created

created () {
        this.worklist = this.$local.get('arr').arrlist
      }

让页面渲染完成之后就取出储存在localstorage里的arr，并把值给到this。worklist
这样页面v-for循环的worklist就能直接出现了
这样不管怎么退出都不会消失了