# universalLink

**Repository Path**: TGODS/universal-link

## Basic Information

- **Project Name**: universalLink
- **Description**: vue3通用路由，a标签和router-link合并组件
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-11-06
- **Last Updated**: 2023-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# universal-link

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

## 安装
```bash
npm i universal-link
```



## 使用示例

按需引入：

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

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

<br/>

全局引入：main.js中

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



<br/>

<br/>

## 属性说明

属性同 *router-link* 属性，所有 router-link 属性皆可使用。[router-link属性链接](https://router.vuejs.org/zh/api/interfaces/RouterLinkProps.html)

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

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

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