@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>
  • Вопрос задан
  • 15 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Страховой Кабинет Нижний Новгород
от 60 000 до 90 000 руб.
от 90 000 до 220 000 руб.
Posh Space Москва
от 160 000 до 180 000 руб.