vue跳转外部链接始终有localhost的问题

更新时间：2023年03月10日 10:32:19 作者：双手依舞

这篇文章主要介绍了vue跳转外部链接始终有localhost的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue跳转外部链接始终有localhost

在写页面跳转的时候，跳转的新页面始终带有localhost:端口号

错误图片如下：

正确图片如下：

btnClick(){
    let url = "www.baidu.com"
    window.open(url)  // 这种跳转的话始终带一个localhost
    window.open(`https://${url}`) //这样的话就跳转正确了
},

注意点：跳转的url加上http或https协议即可

vue页面跳转外部链接打开新标签页

let href = 'https://www.baidu.com/' 
window.open(href, '_blank');

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解vue与后端数据交互(ajax)：vue-resource
本篇文章主要介绍了详解vue与后端数据交互(ajax)：vue-resource，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-03-03
基于Vue 实现一个中规中矩loading组件
这篇文章主要介绍了基于Vue 实现一个中规中矩loading组件,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-04-04
vue+echarts实带渐变效果的折线图
这篇文章主要为大家详细介绍了vue+echarts实带渐变效果的折线图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
vue中使用swiper5方式
这篇文章主要介绍了vue中使用swiper5方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
vuex命名空间的使用
本文主要介绍了vuex命名空间的使用，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
vue中使用render封装一个select组件
这篇文章主要介绍了vue中使用render封装一个select组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
详解Vue-cli中的静态资源管理（src/assets和static/的区别）
这篇文章主要介绍了Vue-cli中的静态资源管理（src/assets和static/的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
vite+vue3项目报错：TypeError: Promise.allSettled is not a fu
Vite+Vue3项目中遇到“TypeError: Promise.allSettled is not a function”错误,通常是因为当前运行的JavaScript环境不支持Promise.allSettled,下面就来介绍几种解决方法,感兴趣的可以了解一下
2024-12-12
Vue uni-app框架实现上拉加载下拉刷新功能
uni-app是一个使用Vue.js(opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台
2022-09-09
Vue实现购物车的全选、单选、显示商品价格代码实例
这篇文章主要介绍了Vue实现购物车的全选、单选、显示商品价格实例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05