Кнопка назад в табах

Я использую component tab

tabs: [
  {
    path: '/tab_1/',
    id: 'tab_1',
    component: Tab1,
  },
  {
    path: '/tab_2/',
    id: 'tab_2',
    component: Tab2,
  },
  {
    path: '/tab_3/',
    id: 'tab_3',
    component: Tab3,
  },
],

Когда я ухожу с табов на другую страницу и возвращаюсь назад
С помощью кнопки в браузере или кнопки телефона открывается предыдущий таб как мне и нужно, но он сам переключается на первый через секунду
Как убрать это переключение?
Видео этого: https://youtu.be/oizAXeC-Iys

pushState включен

Уменьшайте ваш код, пока не найдете проблему. Предыдущая страница, если все настройки по умолчанию, полностью сохраняет состояние.

1 Like

Спасибо большое! Разобрался
Действительно я накрутил переход на первую вкладку

Скажите пожалуйста, а до каких пор та страница будет сохранять состояние?
Сколько раз можно уходить “вглубь” и возвращаться к сохраненному состоянию?

И еще вопросик
Компонент табов выглядит как-то так:
`

<div class="toolbar tabbar toolbar-bottom">
    <div class="toolbar-inner">
        <a href="/tabs/tab_1/" class="tab-link tab-link-search" data-route-tab-id="tab_1">1</a>
        <a href="/tabs/tab_2/" class="tab-link" data-route-tab-id="tab_2">2</a>
        <a href="/tabs/tab_3/" class="tab-link" data-route-tab-id="tab_3">3</a>
    </div>
</div>
<div class="tabs tabs-routable tab-main">
    <div class="tab page-content" id="tab_1"></div>
    <div class="tab page-content" id="tab_2"></div>
    <div class="tab page-content" id="tab_3"></div>
</div>
`

Когда я нажимаю на кнопку таба, он “перезагружается”, заново загружает всю структуру, срабатывает mounted()
Как можно просто переключится (отобразить) его что бы вкладка просто показалась. Этот таб полюбому держит свое состояние

Выполняю app.tab.show(’#tab_1’, ‘.tab-link-search’); вкладка переезжает, но вместо контента таба, белый экран

Найдите в tutorials на форуме мою статью - там про состояния.

Также ищете статью про tab на форуме. Вы используете routable, они так работают. Есть параметр unloadtabcontent по view - поставьте как false, тогда контент при уходе с вкладки не будет удаляться

1 Like

Супер! Вы мой герой! =))