1.0.3 • Published 6 months ago

universal-link v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

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>