F7 6.0, How to navigate to the original page using the toolbar

Questions
1

Hi,

I have a basic bottom toolbar in app.vue and a few links that point to various pages.

Suppose I am on the home page, and from there I click on a link (not toolbar link) to take me to another page, now I am on the new page with the Back button.

If I click on the home page link in the toolbar, It doesn’t take me to the main home page, rather stays on that new page.

I need it so that, no matter what page I am on, when I click on the toolbar link for the homepage, it takes me to that page, ignoring all history, cache, etc.

Any ideas?

<f7-toolbar
    class="app-toolbar"
    tabbar
    labels
    bottom
  >
    <f7-link
      force
      reload-all
      ignore-cache
      tab-link="#view-home"
      tab-link-active
      icon-ios="f7:house_fill"
      icon-aurora="f7:house_fill"
      icon-md="material:home"
      text="Home"
    />
....
2

You need to have click handler in it and do something like:

if (f7.views.main.router.history.length > 1) {
  f7.views.main.router.back()
}