[framework-vue] when use :push-state="true",created() called 3 times

<!-- Tabbar for switching views-tabs -->
      <f7-toolbar tabbar
                  labels
                  bottom>
        <f7-link href="/"
                 tab-link-active
                 icon-ios="f7:home_fil"
                 icon-aurora="f7:home_fil"
                 icon-md="material:home"
                 text="Home"></f7-link>
        <f7-link tab-link="#view-catalog"
                 href="/catalog/"
                 icon-ios="f7:list_fill"
                 icon-aurora="f7:list_fill"
                 icon-md="material:view_list"
                 text="Catalog"></f7-link>
        <f7-link tab-link="#view-settings"
                 href="/settings/"
                 icon-ios="f7:settings_fill"
                 icon-aurora="f7:settings_fill"
                 icon-md="material:settings"
                 text="Settings"></f7-link>
      </f7-toolbar>
<f7-view id="view-home"
               :push-state="true"
               main
               tab
               tab-active
               url="/"></f7-view>

      <!-- Catalog View -->
      <f7-view id="view-catalog"
               :push-state="true"
               name="catalog"
               tab
               url="/catalog/"></f7-view>

      <!-- Settings View -->
      <f7-view id="view-settings"
               name="settings"
               :push-state="true"
               tab
               url="/settings/"></f7-view>

#home.vue

export default {
  created(){
    console.log('home created')
  }
}

why?thank u …

i use framework7-cli . never change any other code .

Push state can be and should be enabled only on ONE view in order to work correctly

1 Like