Page状态管理 ​

ES运行环境根据所需会销毁和重新创建ESRouter堆栈中的页面。
这个时候就需要根据所需在销毁的保存页面状态。 在重新创建页面的时候恢复页面状态。

保存页面状态 ​

ES运行环境在销毁页面之前会调用页面方法onESSaveInstanceState(savedInstanceState)
开发者可以在savedInstanceState对象中保存数据。

调用顺序为onESPause() ==> onESSaveInstanceState(savedInstanceState) ==> onESStop() ==> onESDestroy()

恢复页面状态 ​

ES运行环境在重新创建页面之前会调用页面方法onESRestoreInstanceState(savedInstanceState)
开发者可以在savedInstanceState获取在页面销毁时保存的数据。

调用顺序为onESStart() ==> onESRestoreInstanceState(savedInstanceState) ==> onESResume()

代码示例 ​

点击查看源码
vue
<script>
import {defineComponent} from '@vue/runtime-core';

export default defineComponent({
	name: 'Page状态管理',
	setup() {

		function onESRestoreInstanceState(savedInstanceState) {
		}

		function onESSaveInstanceState(savedInstanceState) {
		}

		return {
			onESRestoreInstanceState,
			onESSaveInstanceState,
		};
	},
});

</script>

<style>
</style>