Tengo una página App.vue que contiene 2 columnas. La primera columna es una lista de usuarios, la segunda columna es una lista de mensajes. Cuando hago clic en un usuario en la columna 1, se cargará la lista de mensajes correspondiente a ese usuario. Muestro/oculto la columna 1 y la columna 2 de acuerdo con la siguiente condición
<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>
Mi problema está en la interfaz móvil iOS. Cuando uso el botón de retroceso del navegador (safari, Chrome), todo funciona correctamente, pero cuando deslizo hacia atrás, en mi primer clic en un usuario de la lista, no sucede nada. Toda la actividad regresa solo en el segundo clic.
(Traducido por Google)
Supongo que tu identificación no está configurada correctamente. ¿Puedes compartir el código de lo que sucede cuando deslizas el dedo hacia la izquierda?
También creo que no es necesario usar 'typeof'.
v-show="!this.mobileMode || !$route.params.id" también debería funcionar