javascript - Vue在 iOS 上滑回时不起作用

Question

我有一个包含 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）时，一切正常，但是当我向后滑动时，在我第一次单击列表中的用户时，什么也没有发生。所有活动仅在第二次单击时返回。

（由谷歌翻译）

标签： javascriptvue.jsvue-router

Answer 1

我会假设您的 id 设置不正确。你能分享一下当你向左滑动时会发生什么的代码吗？

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

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