vue 页面刷新防止数据丢失的解决办法

在vue项目中,经常会切换tag,或者刷新页面。导致路由中的数据丢失,  可以使用以下方法

1:将需要缓存的数据  存在stroge(session,local)中,这样即使页面刷新也不会丢失

2:将数据保存在url中,eg:

{
        name: 'zlgmmasterdataedit',
        path: 'zlgmmasterdata/edit/:id/:into?/:page?',
        hidden: true,
        component: (resolve) => require(['@Router/view/inor/mastata/detail'], resolve),
        meta: {
          title: '数据-编辑',
          icon: null,
          noCache: false,
          isKeep: true
        }
      },
 
id,into,page都是路由中的参数,如痴挂载在url中,即使刷新数据也会存在
在变量后携带❓ ,会判断在没有数据的时候不显示
posted @ 2023-07-27 15:39  泽泽生龙  阅读(953)  评论(0编辑  收藏  举报