新版 vue-router 改用 router-link 代替原來的 v-link， 渲染時會根據需要渲染成 a 標簽或其他標簽。
那假如有個組件最外層就是 a 標簽，
例如組件 App

<!-- App --> <a> ... <slot></slot> </a>

使用 App 組件時, 如何與 router-link 結合，實現點擊組件跳轉到對應地址？

補充：
例如App組件<愛尬聊_尬聊百科>是寫好的，現在使用App作為子組件，來實現組件B

<template> <div> <div>...</div> <App>Go to ...</App> </div> </template>

如果想要點擊組件App，進行跳轉，使用vue-router如何實現？

---

mengwei802 2022-09-09 12:05

定義路由，加載模版const routes = [ { path: /foo, component: Foo }, { path: /bar, component: Bar }]

---

無限的期待#p#wyvernc 2022-09-09 12:11

模版中指定路徑<router-link to="/foo">Go to Foo</router-link>

---

誰TM動了我的賬號 2022-09-09 12:16

掛載路由后就可以了。看 Vue-router2 文檔上寫的很清晰。

---

新疆旅游在線咨詢 2022-09-09 12:24

定義組件模版const Foo = { template: <div>foo</div> }

---