Framework7: проблема с маршрутизацией более 2 страниц - PullRequest
Новая
       23

Framework7: проблема с маршрутизацией более 2 страниц

2 голосов
/ 09 марта 2020

Доброе утро,

У меня проблема с использованием маршрутов в Framework7.

У меня есть приложение с 4 вкладками ниже (Главная, Новости, Профиль, Активность).

Я хочу направить шаблон на страницу профиля с именем «Profile_Settings». Поэтому, когда пользователь нажимает кнопку в профиле, он должен перейти к настройкам профиля. Если он находится в настройках профиля, он может снова нажать кнопку, а затем он должен быть в «SoftwareHistory» на основе маршрута.

Итак, Профиль (вкладка) -> Настройки профиля -> История программного обеспечения.

Здесь пользователь всегда должен иметь возможность go назад, поэтому, например, я нахожусь в SoftwareHistory и щелкаю назад, затем я в настройках профиля. Пока работает только то, что я могу go из профиля в настройки профиля. Из настроек профиля в SoftwareHistory не работает. Но я вижу, что в HTML создается элемент «page page-next» с элементами SoftwareHistory, объявленной в маршрутах. Но страница SoftwareHistory не отображается.

Я добавил 

view: {
  stackPages:true,
},

в настройки приложения.

Мои маршруты: 

{
name:“profileSettings”,
path:"/profileSettings/",
url:"./templates/profileSettings.html",
},
{
name:“softwareHistory”,
path:"/softwareHistory/",
url:"./templates/softwareHistory.html",
},

Вкладка «Профиль» в указателе. html: 

  <div id="view-profile" class="view view-init tab" data-view="profil" data-url="/profil/">
    <div class="page" data-name="profile">
      <div class="navbar">
        <div class="navbar-bg"></div>
        <div class="navbar-inner">
          <div class="title">Profile</div>
        </div>
      </div>
      <div class="page-content infinite-scroll-content">
        <div class="list inset">
          <ul id="profile-list">
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

JAVASCRIPT:

Первый маршрут: 

var view = app.views.get(“view-profile”);
view.router.navigate("/profileSettings/");

Второй маршрут: 

var view = app.views.get(“view-profile”);
view.router.navigate("/softwareHistory/");
...