【问题标题】:Vue Cli root router is only workingVue Cli 根路由器仅工作
【发布时间】:2018-07-02 09:31:20
【问题描述】:

我在路由器文件夹中有一个 index.js 文件,这是代码,但注册组件未显示在 /register 路由中。所有路由中仅显示 HelloWorld 组件。

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Register from '@/components/Register'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/register',
      name:'Register',
      component:Register
    }
  ]
})

【问题讨论】:

标签: vue.js vue-cli


【解决方案1】:

你应该设置路由器history的模式,因为默认是哈希路由器,当历史改变时它不会触发。

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Register from '@/components/Register'
Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/register',
      name:'Register',
      component:Register
    }
  ]
})

【讨论】:

    【解决方案2】:

    你应该设置history模式。

    干杯!!

    【讨论】:

    • 请在您的回答中添加一些解释:为什么要这样做,如何这样做?
    猜你喜欢
    • 2018-03-26
    • 2017-09-22
    • 2021-07-26
    • 2018-04-14
    • 2022-11-02
    • 1970-01-01
    • 2020-05-28
    • 2017-03-28
    • 2021-09-13
    相关资源
    最近更新 更多