路由器鏈接按鈕不會做任何事情

好的我試圖做的是做一個鏈接按鈕，從登錄頁面進入註冊頁面。但每次點擊按鈕它都不會顯示任何錯誤並執行任何操作。我不知道爲什麼它不起作用這是我第一次使用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: '/' 
    } 
]

來源

2017-05-28 Phillip YS

你有路由器視圖的地方嗎？ – Bert

@BertEvans不，我不 –

然後什麼都不會發生:) router-view是*顯示當前路由的組件。 – Bert

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

我想你可以嘗試添加 'V-綁定：' 或'：'之前'到'財產。

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

來源

2017-05-28 02:12:33

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

你可以編輯你的答案。 –

路由器鏈接按鈕不會做任何事情

回答

相關問題