实施vue路由器链接时面临的问题

Question

我已经在项目中安装了DatePickerDialog datePickerDialog = new DatePickerDialog(activityName.this, R.style.DatePickerDialogStyle, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { } }, year, month, day); datePickerDialog.show(); ，并且我想使用vue router导航到某些页面，但是它不起作用

我有一个router-link>组件，其中有两个按钮navbar和login，因此当用户单击登录名时，我希望路由器将其定向到登录页面，与signUp相同注册页面

在我的signUp组件中

navbar

，并且在index.js文件中进行路由wjich位于 <template> <div class="buttons"> <router-link :to="{name: 'PageRegister'}" class="btn btn-primary"> <strong>Sign up</strong> </router-link> <router-link :to="{name: 'PageLogin'}" class="btn btn-secondary"> <strong>Login</strong> </router-link> </div> </template> <script> export default { } </script> <style scoped> </style>

router folder

下面是我正在导入`router

的main.js vue文件

import Vue from 'vue'
import VueRouter from 'vue-router'

import pageHome from '../pages/PageHome'
import PageMeetupDetail from '../pages/PageMeetupDetail'
import PageLogin from '../pages/PageLogin'
import PageRegister from '../pages/PageRegister'


Vue.use(VueRouter)

const router = new VueRouter({
    routes: [{
            path: '/login',
            name: 'PageLogin',
            component: PageLogin
        },
        {
            path: '/register',
            name: 'PageRegister',
            component: PageRegister
        }
    ],
    mode: 'history'
})
export default router

这是

我不知道我在做什么错，但是只要按一下按钮，什么都没有发生

请检查我在图像中的文件目录