universal-link
v1.0.3
Published
vue3通用路由,a标签和router-link合并组件
Downloads
3
Maintainers
Readme
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>