Framework7页面跳转携带context后，目标页如何获取传递的数据？

当你通过app.views.main.router.navigate('/registerB/', { context: { email: fEmail} });完成路由跳转后，目标页面registerB可以通过以下两种常见方式获取传递的email数据：

1. 组件化页面中获取 #

如果你的registerB是Framework7的页面组件，可在页面生命周期钩子中通过路由对象直接读取：

export default {
  onPageInit() {
    const email = this.$f7route.context.email;
    // 这里可以使用email数据完成注册步骤的后续逻辑
  }
}

2. 普通脚本页面中获取 #

如果是传统的静态页面脚本，可监听页面初始化事件，从页面实例中提取上下文数据：

document.addEventListener('page:init', function (e) {
  const targetPage = e.detail.page;
  const email = targetPage.route.context.email;
  // 处理email数据
});

本质上，跳转时传递的context会被自动挂载到目标页面的路由对象中，只要确保跳转参数正确，就能通过route.context拿到对应字段。

内容的提问来源于stack exchange，提问作者0xracer