在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的组件传参(主要是父子通信),防止自己太懒不及时复习,此贴为证。