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中,即使刷新数据也会存在
在变量后携带❓ ,会判断在没有数据的时候不显示
在变量后携带❓ ,会判断在没有数据的时候不显示