nuxt.js 列表界面分页加载后进入详情页,返回上一页如何让界面不重新加载
我们可以使用keep-alive标签,到底应该怎么使用呢。
官方文档地址为 The Nuxt Component
1、在标签上添加属性
<nuxt keep-alive :keep-alive-props="{ include: includeArr }" />
// js
data () {
return {
includeArr: ['cardApplyQuery'] // 需要缓存的组件名数组
}
}
2、在组件中添加name属性
这个是好多网上教程没有点明的,这里重点提出。一定要在组件中加上对应的name
export default {
name: 'cardApplyQuery'
}
其他 expend 等属性也是支持的。不详细列出。