路由器链接按钮不会做任何事情

问题描述：

好的我试图做的是做一个链接按钮，从登录页面进入注册页面。但每次点击按钮它都不会显示任何错误并执行任何操作。我不知道为什么它不起作用这是我第一次使用vue-router。需要帮忙！路由器链接按钮不会做任何事情

<template lang="pug"> 
.wrapper 
    .container 
    h1 CNTRL 
    form(v-on:submit.prevent='onSubmit').form 
     input(type='text', placeholder='Username', v-model='id') 
     input(type='password', placeholder='Password', v-model='password') 
     button(type="button")#login-button Login 
     router-link(to="{ path: '/signup' }") // <- this one 
     button(type="button")#signup-button Sign-Up 
</template>

main.js

import Vue from 'vue' 
import Electron from 'vue-electron' 
import Resource from 'vue-resource' 
import Router from 'vue-router' 

import App from './App' 
import routes from './routes' 

Vue.use(Electron) 
Vue.use(Resource) 
Vue.use(Router) 
Vue.config.debug = true 

const router = new Router({ 
    routes 
}) 

/* eslint-disable no-new */ 
new Vue({ 
    router, 
    ...App 
}).$mount('#app')

routes.js

export default [ 
    { 
    path: '/signup', 
    name: 'signup', 
    component: require('components/SignUpView') 
    }, 
    { 
    path: '/', 
    name: 'landing-page', 
    component: require('components/LandingPageView') 
    }, 
    { 
    path: '*', 
    redirect: '/' 
    } 
]

你有路由器视图的地方吗？ – Bert

@BertEvans不，我不 –

然后什么都不会发生:) router-view是*显示当前路由的组件。 – Bert

答

<router-link :to="{ path: 'home' }">Home</router-link>

我想你可以尝试添加 'V-绑定：' 或'：'之前'到'财产。

我建议你多看看vue-router Docs。

抱歉，它是'v-bind：'，而不是'v-on：'。 –

你可以编辑你的答案。 –

路由器链接按钮不会做任何事情

相关推荐