Navigate by url link

1

Hi guys,

How can I locate by url link on F7?

Like:
input url( http://localhost:8080/vip/intro) on browser, then just to the [vip/intro] page.

1 Like
2

Define your links and associate them to paths, templates or pages in your routes file.
Set pushState to true and define your pushStateSeparator.

4

Hello, Could you give a detail steps here?
Such as 1…,2…,3…

I’ve use the neatest version of F7.

5

in f7 params

view: {

          pushState: true,

          pushStateSeparator: "",


        },
6

This is some different in the latest version that I created the app by the Framework7-cli.
Just add the highlight code:

image
image.png809Ă—216 26.6 KB

if you didn’t add pushStateSeparator as a “#”, you won’t locate the page to the link(like: http://localhost:8080/vip/intro/).

7

OMG, it’s unbelievable for the same code not redirect by the url for the latest version

The last version(available):
“dom7”: “^2.1.3”,
“framework7”: “^5.5.5”,
“framework7-icons”: “^3.0.0”,
“framework7-vue”: “^5.5.5”,
“vue”: “^2.6.11”,

But now, I have the same config that unable to redirect by url as below version:
“dom7”: “^3.0.0”,
“framework7”: “^6.0.19”,
“framework7-vue”: “^6.0.19”,
“skeleton-elements”: “^3.3.0”,
“swiper”: “^6.7.0”,
“vue”: “^3.0.11”

How can tell me why? :sob:

8

In Vue 3.0 above:

View/Router

push-state parameters renamed to browser-history:

<!-- in v5 -->
<View push-state push-state-separator=""> ... </View>

<!-- in v6 -->
<View browser-history browser-history-separator=""> ... </View>
1 Like