• Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

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

I have an App.vue page that contains 2 columns. The first column is a list of users, the second column is a list of messages. When I click on a user in column 1, the message list will be loaded corresponding to that user. I show/hide column 1 and column 2 according to the following condition

<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>

My problem is on Mobile interface iOS. When I use the back button of the browser (safari, chrome) everything works properly but when I swipe back, on my first click on an user in the list, nothing happens. All activity return only in 2nd click.

(Translated by Google)

Screen record

9 months ago · Juan Pablo Isaza
1 answers
Answer question

0

I would asume your id doesn't get set right. Can you share the code of what happens when you swipe left?

I also think it's not necessary to use 'typeof'.

v-show="!this.mobileMode || !$route.params.id" should work as well

9 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post job Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2023 PeakU Inc. All Rights Reserved.