在vue 原生js怎么跳转页面
时间: 2024-04-24 13:27:45 浏览: 189
Vue.js实战之利用vue-router实现跳转页面
5星 · 资源好评率100%
在Vue中,你可以使用原生的JavaScript来实现页面跳转。具体的做法是使用 `window.location.href` 属性来设置新的URL地址,从而实现页面跳转。
下面是一个示例代码,演示了如何在Vue中跳转到新的页面:
```javascript
methods: {
redirectToPage() {
// 设置新的URL地址
window.location.href = 'https://www.example.com/new-page';
}
}
```
在上面的代码中,`redirectToPage` 方法会在某个事件触发时被调用,例如按钮点击事件。当该方法被调用时,`window.location.href` 属性会被设置为新的URL地址,从而实现页面的跳转。
请注意,这种方式是直接跳转到一个新的URL地址,这也意味着当前页面会被销毁。如果你希望在Vue应用中实现单页应用(SPA)的路由功能,你可以考虑使用Vue Router插件来管理路由。
阅读全文