问题描述
我有以下结构:
- /src
- /views
- Login.vue
- Home.vue
- App.vue
App.vue
<template>
<Page>
...
<Button text="Login" @tap="onButtonTap" class="my-button" />
</Page>
</template>
<script>
...
methods: {
onButtonTap:function(){
this.$navigateto(Home);
}
}
</scritp>
我的一个模块是vue-router
:
import Vue from 'nativescript-vue';
import Router from 'vue-router';
Vue.use(Router);
const router = new Router({
mode: 'abstract',// base: '/',// saveScrollPosition: true,// transitionOnLoad: true,routes: [{
path: '/login',component: () =>
import ('~/views/Login'),},{
path: '/home',component: () =>
import ('~/views/Home'),}
]
});
export default router;
同时使用 $navigateto
和 $router
我收到一个错误:
JS: [Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined"
JS:
JS: found in
JS:
JS: ---> <App> at App.vue
JS: <Frame>
JS: <Root>
System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onClick Failed
System.err: ReferenceError: $router is not defined
System.err:
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)