为什么两次返回索引后不能返回页面？

Question

我正在使用Cordova + Framework 7

• 我有3个页面： index ， page1 ， page2
• 当我回到此page2-> page1-> index之类的索引时，我无法按index.html中的go page1按钮。 我必须重新加载索引页，然后go page1按钮go page1正常工作。

routes.js

{
    path: '/page1/',
    async: function (routeTo, routeFrom, resolve, reject) {
        axios.get('').then(response => {
            var data = response.data;
            resolve({
                componentUrl: './pages/page1.html'
            }, {
                context: {
                    data: data,
                }
            });
        })
    }
}, {
    path: '/page2/:id',
    async: function (routeTo, routeFrom, resolve, reject) {
        axios.get('' + id).then(function (response) {
            var data = response.data;
            resolve({
                componentUrl: './pages/page2.html'
            }, {
                context: {
                    data: data
                }
            });
        })

    }
}

第1页，第2页中的“后退”按钮

<a href="#" class="back link" data-force="true">
    <img src="img/icon-back.png" alt="">
</a>

按钮转到index.html中的page1

html的

<a href="#" class="button button-raised button-fill" id="go-page1">go page1</a>

.js文件

$$('#go-page1').on('click', function () {
    app.views.main.router.navigate('/page1/');

}

按钮转到第1页的第2页

{{#each data}}
<div class="col">
    <div class="card demo-card-header-pic">
        <a href="/page2/{{id}}">{{name}}</a>
    </div>
</div>
{{/each}}

Answer 1

您可以通过以下解决方案一一解决：

1）

$$('#go-page1').on('click', function () {
    app.views.main.router.navigate('/page1/', {reloadCurrent: true});

}

2）或html链接中

<a class="back" data-ignore-cache="true" data-force="true">back</a>

3）忽略缓存/历史记录或通过reloadPrevious刷新上一页，如下所示：

mainView.router.back({url: 'index.html', force: true, ignoreCache: true,reload: true});