@bulgar89

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

Здравствуйте
Пытаюсь настроить роутинг для 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>
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ответы на вопрос 1
Per_Ardua
@Per_Ardua
Frontend developer
Тебе ведь next в beforeEach не просто так приходит)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 160 000 до 240 000 ₽
Junto Москва
от 120 000 до 180 000 ₽
19 февр. 2020, в 10:46
300 руб./за проект
19 февр. 2020, в 09:36
10000 руб./за проект
19 февр. 2020, в 09:15
5000 руб./за проект