vue 指定浏览器跳转页面
时间: 2023-11-02 12:07:13 浏览: 98
要指定浏览器跳转页面,可以通过以下代码实现:
```javascript
// 使用 window.location.href 跳转页面
if (navigator.userAgent.indexOf("Chrome") !== -1) {
// Chrome 浏览器
window.location.href = "http://www.example.com";
} else if (navigator.userAgent.indexOf("Firefox") !== -1) {
// Firefox 浏览器
window.location.href = "http://www.example.com";
} else if (navigator.userAgent.indexOf("Safari") !== -1) {
// Safari 浏览器
window.location.href = "http://www.example.com";
} else {
// 其他浏览器
window.location.href = "http://www.example.com";
}
```
当然,这种方式比较麻烦,还需要判断不同浏览器的类型。更好的方式是使用第三方库,比如 `vue-router`,它可以让我们在 Vue 中方便地进行路由跳转。
```javascript
// 使用 vue-router 跳转页面
// 首先需要在组件中导入 vue-router
import router from "@/router";
// 然后在某个方法中使用 router.push() 跳转页面
router.push({ path: "/example" });
```
这样就可以实现在不同浏览器中进行页面跳转了。
阅读全文