vue3router.push打开新页面
时间: 2023-10-15 15:23:26 浏览: 193
vue-router3.0版本中 router.push 不能刷新页面的问题
你可以使用Vue Router中的`router.push`方法来打开一个新页面。在Vue 3中,使用`createRouter`函数来创建路由器实例,并将其与Vue应用程序实例关联。
首先,在你的组件中,导入`router`对象:
```javascript
import { router } from '../router'; // 假设你的路由器实例被导出为router
```
然后,在你需要打开新页面的地方,使用`router.push`方法:
```javascript
router.push('/new-page'); // 将'/new-page'替换为你要导航到的页面路径
```
如果你需要在导航时传递参数,可以将参数作为对象传递给`router.push`方法的第二个参数:
```javascript
router.push({ path: '/new-page', query: { id: 123 } }); // 传递id参数到新页面
```
这样,当调用`router.push`时,Vue Router将会导航到新的页面,并加载相应的组件。
阅读全文