在 iOS 上向后滑动时，Vue <router-link> 无法正常工作

Question

我有一个包含 2 列的 App.vue 页面。第一列是用户列表，第二列是消息列表。当我单击第 1 列中的用户时，将加载与该用户对应的消息列表。我show/hide第1列和第2列根据以下条件

<div class="row">
    <div class="col col-12 col-lg-4 idcvs" v-show="!this.mobileMode || typeof $route.params.id == 'undefined'">
        <ListConversation />
    </div>
    <div class="col col-12 col-lg-8 idchat" v-show="!this.mobileMode || $route.params.id > 0">
        <router-view :key="$route.path" />
    </div>
</div>

我的问题出在移动界面 iOS 上。当我使用浏览器（safari，chrome）的后退按钮时，一切正常，但是当我向后滑动时，在我第一次点击列表中的用户时，没有任何反应。所有 activity return 仅在第二次点击时。

（由 Google 翻译）

Answer 1

我认为您的 ID 设置不正确。能分享一下左滑的代码吗？

我也觉得没必要用'typeof'.

v-show="!this.mobileMode || !$route.params.id" 应该也可以

在 iOS 上向后滑动时，Vue <router-link> 无法正常工作

Vue <router-link> not working when swipe back on iOS

javascript

vue.js

vue-router