為什么兩次返回索引后不能返回頁面？

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});