页面保活
优质
小牛编辑
125浏览
2023-12-01
页面保活可以保存当前页面的数据、状态、滚动条位置及渲染内容。当页面切换到对应页面时,被保存的页面将直接被渲染,还原为切换前内容。
通过设置 app.json 中 route 的 keepAlive 开启页面保活
// app.json
{
"routes": [
{
"path": "/list",
"keepAlive": true,
"source": "pages/List/index"
}
]
}
最大保存页面数
被保存的页面通过 display 属性切换显示隐藏。用户访问被保活的页面后,当前页面将会被缓存,保存页面数目较多时,会使 HTML 节点过多,导致页面变卡。
通过 app.json 中 maxAlivePageNum 可设置最大保存页面数。默认为 3。
// app.json
{
"maxAlivePageNum": 5
}