Настройка Nativesript vue router?

Question

[111 111]

Здравствуйте
Пытаюсь настроить роутинг для nativescript vue, при на жатии на кнопку не переходит на другой компонент

main.js

import Vue from 'nativescript-vue'
import VueRouter from 'vue-router'
import App from './components/App'
import News from './components/News'

Vue.use(VueRouter)

// Prints Vue logs when --env.production is *NOT* set while building
Vue.config.silent = (TNS_ENV === 'production')

const router = new VueRouter({
  pageRouting: true,

  routes: [
    //{path: '/app', component: App},
    {path: '/news', component: News},
    //{path: '*', redirect: '/app'}
  ]
});
router.beforeEach((to, from, next) => {
  console.log(to) 
})

//router.replace('/app');

new Vue({
  router,
  render: h => h('frame', [h(App)])
}).$start()


app.vue

<template>
<Page class="page">
    <ActionBar class="action-bar" title="Home"/>

    <StackLayout>
      <Button class="btn btn-primary" @tap="$router.push('/news')">Counter</Button>
      <Button class="btn btn-primary" @tap="$router.push('/hello')">Hello World</Button>
      <Button class="btn btn-primary" @tap="$router.push('/reddit')">Reddit</Button>
      <Button class="btn btn-primary" @tap="$router.push('/plugins')">Plugins</Button>
      <Button class="btn btn-primary" @tap="$router.push('/refresh')">Pull to Refresh</Button>
      <Button class="btn btn-primary" @tap="$router.push('/login')">Login Screen</Button>
    </StackLayout>
	</Page>
</template>

<script >
  export default {
    data() {
      return {
        msg: 'Hell11o World!'
      }
    }
  }
</script>

<style scoped>
    ActionBar {
        background-color: #53ba82;
        color: #ffffff;
    }

    .message {
        vertical-align: center;
        text-align: center;
        font-size: 20;
        color: #333333;
    }
</style>


news.vue

<template>
  <Page>
    <StackLayout>
    <Label text="Search by city name" padding="20"  />
    </StackLayout>
  </Page>
</template>

Comments

[CoyoteSS]

На HH всего 10 вакансий в России, где требуются знания NativeScript. Не понимаю, зачем вы стараетесь

[111 111]

moreleaksILoveMS, а на чем пилить приложухи?

[CoyoteSS]

bulgar89, вам что именно надо? Смотрите по вакансиям технологии актуальные, чтоб вы смогли устроиться на работу, а то получится так, что изучали, а с этим оказывается никто не работает.

Answer 1

[Павел Коковин]

Тебе ведь next в beforeEach не просто так приходит)