vue 使用router,在点击菜单时希望浏览器地址栏不变
时间: 2023-06-26 16:06:47 浏览: 280
可以使用 `vue-router` 提供的编程式导航(Programmatic Navigation)来实现点击菜单时浏览器地址栏不变。具体实现步骤如下:
1. 在组件中导入 `vue-router`
```js
import { router } from '../router'
```
2. 在菜单点击事件中使用 `router.push` 方法来进行路由跳转
```js
router.push('/path')
```
3. 在路由配置中设置 `mode` 为 `history`,这样路由的变化不会改变浏览器地址栏
```js
const router = new VueRouter({
mode: 'history',
routes: [...]
})
```
注意:在使用 `history` 模式时,需要在服务器端配置,确保所有的路由都指向应用的入口文件,否则会出现路由无法匹配的情况。
阅读全文