vue项目中跳转到外部链接,不使用a标签

在vue中不使用a标签跳转到外部链接,我们可以使用点击方法,在方法中实现跳转到外部链接。

在.vue文件中

<template>

     <p @click="LinkBD">点击去往百度官网</p>

</template>

<script  setup>

 const url="www.baidu.com"

 const LinkBD = () =>{

     let path = window.location.protocol + "//" + url

     window.location.href = path

     //在本页面打开外部链接

}

</script>

<style  scoped>

</style> 

此贴是一个简单的链接跳转,后面会在3月份更两期vue3的组件传参(主要是父子通信),防止自己太懒不及时复习,此贴为证。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值