Как Framework7 изменяет URL-адрес в адресной строке браузера

Я пытаюсь понять, как Framework7 работает для разработки веб-сайтов.

Хотя на веб-сайтах и ​​на Youtube есть некоторая информация и учебные пособия, я не могу найти и понять, как изменить URL-адрес в браузере.

Может кто-нибудь показать мне способ или какой-нибудь существующий учебник о том, как ссылки меняются в адресной строке браузера.

Спасибо


javascript html html-framework-7
person Alex    schedule 13.02.2017    source источник
comment
это похоже на дубликат href не работает с html bootstrap framework">stackoverflow.com/questions/34011705/ Вы уверены, что использование window.location.href не работает?   -  person ymz    schedule 13.02.2017
comment
Нет, он должен что-то делать с pushState: true из Framework7   -  person Alex    schedule 13.02.2017

Ответы (3)


arrow_upward
1
arrow_downward

Таким образом, в каждом приложении Framework7 у вас есть этот основной файл app.js, в котором вы инициализируете приложение.

Это начинается с

// Initialize your app
var myApp = new Framework7();

А то на сайте пишут про pushState нужно поставить true, чтобы включить режим History

var myApp = new Framework7({
pushState: true
});

А я делал..

Но не повезло..

Мне не приходило в голову, что страницы на самом деле кэшируются...

ставим pushstate:true и не забываем Ctrl-F5 в браузере.)))

person Alex    schedule 13.02.2017

arrow_upward
1
arrow_downward

В v2 он был перемещен в общие параметры просмотра.

app.framework7 = {
  view: {
    pushState: true,
  }
}
person Joshua Astray    schedule 10.09.2018

arrow_upward
0
arrow_downward

Я тоже новичок в f7 и у меня был тот же вопрос. Немного погуглив, я нашел это на GitHub (спасибо nolimits4web и личжоуян):

Параметр pushState должен быть установлен для просмотра в v2

Итак, в моем случае я установил его в «/src/app.vue» следующим образом:

<!-- Main View -->
<f7-view id="main-view" url="/" main :pushState="true"></f7-view>

Теперь, если я нажму на ссылку на страницу «О программе», в адресной строке появится этот URL-адрес, и я смогу использовать кнопку «Назад» в браузере:

http://localhost:8080/#!/about/
person ARS81    schedule 23.03.2018