BinarCode/vue-form-wizard

NavigationDuplicated: Avoided redundant navigation to current location: "/create-new-inspection/search-for-property".

Opened this issue · 0 comments

Hi! When i am using vue routing for content, and create the children i have got this error

My router:
{ path: "/create-new-inspection", component: CreateNewInspection, children: [ {path: '', redirect: {name: 'create.new.inspection.search.for.property'} }, {path: 'search-for-property', name: "create.new.inspection.search.for.property", component: SearchForProperty, }, {path: 'address', name: "create.new.inspection.address", component: CreateNewInspectionAddress }, {path: 'customer', name: "create.new.inspection.customer", component: CreateNewInspectionCustomer }, {path: 'assignment', name: "create.new.inspection.assignment", component: CreateNewInspectionAssignment }, {path: 'responsible', name: "create.new.inspection.responsible", component: CreateNewInspectionResponsible }, {path: 'requested-by', name: "create.new.inspection.requested.by", component: CreateNewInspectionRequestedBy }, ]},

My root element
<form-wizard @on-complete="onComplete" :start-index="startIndex" shape="circle" color="#e74c3c"> <tab-content title="Personal details" route="search-for-property" icon="ti-user"> </tab-content> <tab-content title="Additional Info" route="address" icon="ti-user"> </tab-content> <tab-content title="Last step" route="customer" icon="ti-user"> </tab-content> <tab-content title="Last step" route="assignment" icon="ti-user"> </tab-content> <tab-content title="Last step" route="responsible" icon="ti-user"> </tab-content> <tab-content title="Last step" route="requested-by" icon="ti-user"> </tab-content> <transition name="fade" mode="out-in"> <router-view></router-view> </transition> </form-wizard>