Framework7:不同视图的默认 URL 不起作用

Posted

技术标签:

【中文标题】Framework7:不同视图的默认 URL 不起作用【英文标题】:Framework7: Default url to a different view is not working 【发布时间】:2015-12-22 16:24:09 【问题描述】:

正如我们在 Framework7 中的文档视图页面中看到的那样。

默认查看网址

如果您认为由于某种原因 Framework7 检测到错误的默认值 查看 URL(用于导航历史),或者如果您想 有不同的默认查看 URL,您可以使用 data-url 指定它 View 元素上的属性或在初始化时使用 url 参数 查看:

<div class="view" data-url="index2.html">

如果我按照文档的建议进行操作,例如,在 framework7 包随附的应用程序中,单视图应用程序,位于 /dist/index.html 下,如果我执行以下操作:

<div class="view view-main" data-url='about.html'>

但是当我打开 index.html 时,主视图并没有指向 about.html。

为什么会这样?

【问题讨论】:

【参考方案1】:

它不是那样工作的。我想你想在主视图中加载 about.html 作为默认值。你可以这样做:

<html>
<head>
    ...    
</head>
<body>
    ....
    <div class="views">
        <div class="view view-main"></div>
    </div>
    ...
    <script type="text/javascript" src="js/framework7.min.js"></script> 
    <script type="text/javascript" src="js/my-app.js"></script>    
    ...

    <script>
        mainView.router.loadPage('about.html');
    </script>   

</body>
</html>

【讨论】:

以上是关于Framework7:不同视图的默认 URL 不起作用的主要内容,如果未能解决你的问题,请参考以下文章

带有 Cordova 垂直滚动的 Framework7 在 iOS 上不起作用

framework7 键盘 + 滑动不兼容

Framework7开发笔记之App骨架搭建

使用 Framework7 强制重新加载页面

在 framework7 包装器中加载外部页面

Framework7 + Angular 开发问题解决汇总