universal-link

自定义通用 vue3 路由组件，合并a标签和router-link实现多种跳转方式组件

安装

npm i universal-link

使用示例

按需引入：

<template>
    <universalLink to="">链接</universalLink>
</template>

<script setup>
	import universalLink from "universal-link";
</script>

全局引入：main.js中

const app = createApp(App);
import universalLink from "universal-link";
app.component("universalLink",universalLink);

属性说明

属性同 router-link 属性，所有 router-link 属性皆可使用。router-link属性链接

新增 ： isBlank (默认 true) |（a标签是否打开新窗口，只外链有效）

<!-- 内部链接 -->
<universalLink to="/home">链接</universalLink>

<!-- 外部链接 不打开新窗口跳转-->
<universalLink to="//www.baidu.com" :isBlank="false">链接</universalLink>