在 iOS 上滑动时，Vue <router-link> 不起作用答案

【问题标题】：Vue <router-link> not working when swipe back on iOS在 iOS 上滑动时，Vue <router-link> 不起作用
【发布时间】：2021-10-04 06:46:22
【问题描述】：

我有一个包含 2 列的 App.vue 页面。第一列是用户列表，第二列是消息列表。当我单击第 1 列中的用户时，将加载与该用户对应的消息列表。我根据以下条件显示/隐藏第 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）时，一切正常，但是当我向后滑动时，在我第一次单击列表中的用户时，什么也没有发生。所有活动仅在第二次点击时返回。

（由谷歌翻译）

【问题讨论】：

标签： javascript vue.js vue-router

【解决方案1】：

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

我也认为没有必要使用'typeof'。

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

【讨论】：