我刚开始使用 Framework7,我想在单击某个段落时导航到另一个页面。在过去的一个小时里,我尝试了一些东西并用谷歌搜索,但没有成功。
这是我在 my-app.js 中的代码:
var $$ = Dom7;
var app = new Framework7({
// App root element
root: '#app',
// App Name
name: 'My App',
// App id
id: 'com.myapp.test',
// Enable swipe panel
panel: {
swipe: 'left',
},
view : {
stackPages: true
},
// Add default routes
routes: [
{
name: 'about',
path: '/about/',
url: 'about.html',
},
{
name: 'index',
path: '/index/',
url: 'index.html'
},
{
name: 'preview',
path: '/preview/',
url: './preview.html'
},
],
// ... other parameters
});
var mainView = app.views.create('.view-main');
$$('p').on('click', function(){
mainView.router.navigate('/preview/');
});
当我点击一个段落时,没有任何反应,当我运行检查器时也没有错误。 我究竟做错了什么? 谢谢。
最佳答案
你可以用这个来做到这一点:
self.app.router.navigate('/preview/', {reloadCurrent: true});
还要确保像这样的 html 布局:
<div class="view">
<!-- Initial Page, "data-name" contains page name -->
<div data-name="preview" class="page">
<!-- Scrollable page content -->
<div class="page-content">
preview page content
</div>
</div>
</div>
更新 1:在 F7 ver 4 中你可以使用这个:
app.views.main.router.navigate('/login/', {reloadCurrent: true});
关于javascript - 如何导航到 Framework7 中的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52738180/