Prerequisites / Requirements

Install

npm install nativescript-vue-router-ns --saveoryarn add nativescript-vue-router-ns

Usage

// app/router/index.jsimportVuefrom'nativescript-vue'importNSVueRouterfrom'nativescript-vue-router-ns'importDashboardfrom'./components/Dashboard'importLoginfrom'./components/Login'Vue.use(NSVueRouter)constroutes=[{name:'dashboard.index',component:Dashboard,meta:{auth:true}},{name:'login.index',component:Login,meta:{guest:true}}]constrouter=newNSVueRouter({  ignoreSame,// <-- Optional. Will set if reject or accept navigate to same current component.  routes,/* eslint-disable-next-line no-undef  */verbose:TNS_ENV!=='production'// <-- Optional. Will output the warnings to console.})exportdefaultrouter

// app/app.js or app/main.jsimportVuefrom'nativescript-vue'importMainfrom'./Main'importrouterfrom'./router'newVue({router// ...render:h=>h('frame',[h(Main)])// <-- Main Frame in render app}).$start()

<!-- Your own Vue Components --><template><PageactionBarHidden="true"><FlexboxLayoutflexDirection="column"justifyContent="center"><buttontext="Navigate direct"@tap="$router.push('dashboard.index')"/><buttontext="Navigate with method"@tap="submit"/></FlexboxLayout></Page></template><script>exportdefault{name:'LoginIndex',methods:{submit(){// ...this.$router.pushClear('dashboard.index')// ...}}}</script>

Guards and other before actions

// app/router/index.js// ...router.beforeEach((to,next)=>{if(to.meta.auth&&isLogged){/* eslint-disable-next-line no-undef */if(TNS_ENV!=='production'){/* eslint-disable-next-line no-console */console.error(newError('To Login!.'))}router.pushClear('login.index')}elseif(to.meta.guest&&isLogged){router.push('dashboard.index')}else{next()}})// ...

API

Installing

Navigating

TODO

Contributing

License