使用vue中的keep-alive缓存表单数据

一、问题提出

在表单页面填写信息，提交进入支付页面，从支付页面路由回退到表单页面，数据全部清空

二、期望效果

从支付页面路由回退到表单页面，数据保留，不被清空

三、解决方案：

使用keep-alive缓存表单数据

① 将需要缓存的组件，在路由规则中的meta添加keepAlive属性为true，如下：

{
   
  path:'/IDCard',
   name:'IDCard',
   component:resolve => require(