How to hide tabbar without awareness in VUEjs?

I router to a subpage, and want to hidden the tabbar in vue, but is always got a animate to hide the tabbar, :disappointed_relieved:
I tried this ways, it seems didn’t work.

<script>
  export default {
    created() {
      this.$f7.toolbar.hide(".tabbar", false)
    },
    beforeMount() {
      this.$f7.toolbar.hide(".tabbar", false)
    },
    created() {
      this.$f7.toolbar.hide(".tabbar", false)
    },
    mounted() {
      this.$f7.toolbar.hide(".tabbar", false)
    }
  };
</script>

I already told you that if you going to hide tabbar for multiple Views layout then you don’t need multiple Views layout. Just use usual tabs with tabbar within home page

Thank you very much!