nuxt 中keep-alive的使用实例问题记录

1.应用场景

页面A:表单页面
页面B: 详情页面
问题表述：页面A填写完信息之后点击提交进入页面B，从页面B再回退到页面A需要保留之前的信息

2.解决：

第一步：在layouts目录下找到你当前所使用的布局vue文件，然后修改如下：

<nuxt keep-alive :keep-alive-props="{includes: ['xxx']}"/>

第二步： 在对应的组件内加上

export default {
  name: 'xxx'
}