关于keep-alive的使用

  • Post author:
  • Post category:其他




退出和保存页面后调回列表页面的时候传值undefined需要重新传值
this.$router.push({name: 'xxx'},{ params: {applay: this.$router.params.applay, } })
// router/index.js
    {
        path: '/sop',
        name: 'Sop',
        meta: {
          keepAlive: true
        },
        component: () => import(/* webpackChunkName: "about" */ '../views/Sop/Sop.vue')
    },
// 要退回的页面,需要缓存数据的页面
// 当keep-alive=true是触发的生命周期

activated(){
  if(this.$route.params.applyno && this.$route.params.applyno != this.applyno){
      this.applyno = this.$route.params.applyno;
  }
  this.fetch()
},


注意!!! keepAlive不能包多层路由,如果缓存没生效,检查是否包含多个router-view,要在包页面那层router-view外面加keep-alive



版权声明:本文为Amy_n原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。