You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
567 B
36 lines
567 B
|
|
<template>
|
|
<!-- eslint-disable vue/require-component-is -->
|
|
<component v-bind="linkProps(to)">
|
|
<slot />
|
|
</component>
|
|
</template>
|
|
|
|
<script>
|
|
import { isExternal } from '@/utils/validate'
|
|
|
|
export default {
|
|
props: {
|
|
to: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
},
|
|
methods: {
|
|
linkProps(url) {
|
|
if (isExternal(url)) {
|
|
return {
|
|
is: 'a',
|
|
href: url,
|
|
target: '_blank',
|
|
rel: 'noopener'
|
|
}
|
|
}
|
|
return {
|
|
is: 'router-link',
|
|
to: url
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|