router-link 按钮不执行任何操作

Question

好的，我要做的是制作一个 link 按钮，从登录页面转到注册页面。但每次我单击按钮时，它都不会显示任何错误并执行任何操作。我不知道为什么它不起作用这是我第一次使用 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: '/'
  }
]

Answer 1

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

我想你可以尝试在 'to' 属性之前添加 'v-bind:' 或 ':'。

我建议你多看看 vue-router 文档。

router-link 按钮不执行任何操作

router-link button doesn't do anything

javascript

vue.js

vue-router

vue-component

vuejs2