时间戳

首页 > 解决方案 > pushState 问题 Framework7 v3.5.2 不加载视图

javascript - pushState 问题 Framework7 v3.5.2 不加载视图

问题描述

我已经阅读了有关此问题的所有问题，但没有找到任何解决方案。

我正在使用当前最新版本的 Framework7 (3.5.2)，并且我正在尝试实现 pushState 语句以在 Android 设备上启用 backButton。

在我的app.js中，我写了这个：

const app = new Framework7({
    root: '#app',
    name: conf.appName,
    version: conf.version,
    id: conf.id,
    theme: 'auto',
    panel: {
        swipe: 'left',
    },
    view: {
        pushState: true,
        //pushStateRoot: '',
        //pushStateSeparator: '#!',
      }
    })

如果我设置pushState: false，应用程序可以正常工作。如果我设置true，应用程序会给我一个空白页（我尝试过使用 xampp、electron 和 cordova，我得到了相同的结果）。

我错过了什么吗？Framework7 文档太令人困惑了..

如果 pushState 有问题，还有其他解决方案可以在带有 Framework7 的 android 上使用 backButton？

谢谢

标签： javascripthtml-framework-7

解决方案

看这个：

view: {
    pushState: true,
    pushStateSeparator: '#',
    pushStateOnLoad: false
}

您必须删除pushStateRoot参数，这是一个很好的调用。但是您还必须插入pushStateSeparator，这可以让您在正确的 url 中导航（不带“#”）。你也需要使用pushStateOnLoad。这一个让您“禁用以忽略在应用加载时解析推送状态 URL 和加载页面”。

有关更多信息，请参阅文档。

推荐阅读