Vuejs路由问题

时间:2018-04-25 14:30:10

标签: javascript vue.js

我制作了一个Vuejs格式的简单网页。我在标题中有一个导航标签,其中包含(市场,行业和公司)等标签。每个标签都有一个下拉列表。我想在每个下拉选项卡中提供一个链接。如何将文件或页面从一个选项卡路由到另一个选项卡?

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/MarketComponent',
      name: 'marketComponent',
      component: MarketComponent
    },
    {
      path: '/SectorComponent',
      name: 'sectorComponent',
      component: SectorComponent
    }
  ]
})

1 个答案:

答案 0 :(得分:0)

您可以使用路由器链接:

<!-- literal string -->
<router-link to="/">go to Home World</router-link>

<!-- renders to -->
<a href="/">go to Home World</a>

如果您在路由器中勾勒出路线,然后将典型的锚标签创建为路由器链接,则可以使用路由器移动路径。

https://router.vuejs.org/en/api/router-link.html