Question

好吧我正在尝试制作一个链接按钮，从登录页面进入注册页面。但每次我点击按钮它都不会显示任何错误并做任何事情。我不知道为什么它不工作这是我第一次使用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>

我认为您可以尝试添加＆＃39; v-bind：＆＃39;或者＆＃39;：＆＃39;之前＆＃39;到＆＃39;属性。

我建议您多看一下vue-router文档。

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

1 个答案: