1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  |   
 |  <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> 
 |  
  |