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

【问题标题】：router-link button doesn't do anything路由器链接按钮不做任何事情
【发布时间】：2017-05-28 01:26:35
【问题描述】：

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

【问题讨论】：

你在某处有路由器视图吗？
@BertEvans 不，我没有
那么什么都不会发生 :) router-view 是显示当前路由的组件。

标签： javascript vue.js vuejs2 vue-component vue-router

【解决方案1】：

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

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

我建议你多看 vue-router Docs。

【讨论】：

对不起，它是'v-bind:'，而不是'v-on:'。