How to prevent Default back? need to stay on same page even after user clicks on back

Questions
1

Hi,
How I can stay on the same page even after user clicks on the back link in navbar. I have tried using event.preventDefault but it does not work. I am using Framework7 v3.6.3

I have a navbar

 <f7-navbar title="Post Free Ads" @click:back="backClicked" back-link="Back" sliding></f7-navbar>

and in methods:

 backClicked(){
// Code to stay on the same page
}
2

It can’t be prevented in this way. Should be used custom link in this case:

<f7-navbar title="Post Free Ads" @click:back="backClicked" back-link="Back" sliding>
  <f7-nav-left>
   <f7-link @click="backClicked">Back</f7-link>
  </f7-nav-left>
  <f7-nav-title>Post Free Ads</f7-nav-title>
</f7-navbar>

backClicked() {
  if (/*some condition to go back*/) {
    this.$f7router.back();
  } else {
    //do something else
  }
}