link.js
2.13 KB
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import { oneOf } from '../utils/assist';
export default {
props: {
to: {
type: [Object, String]
},
replace: {
type: Boolean,
default: false
},
target: {
type: String,
validator (value) {
return oneOf(value, ['_blank', '_self', '_parent', '_top']);
},
default: '_self'
},
append: {
type: Boolean,
required: false,
default: false,
},
},
computed: {
linkUrl () {
const type = typeof this.to;
if (type !== 'string') {
return null;
}
if (this.to.includes('//')) {
/* Absolute URL, we do not need to route this */
return this.to;
}
const router = this.$router;
if (router) {
const current = this.$route;
const route = router.resolve(this.to, current, this.append);
return route ? route.href : this.to;
}
return this.to;
}
},
methods: {
handleClick (new_window = false) {
const router = this.$router;
if (new_window) {
let to = this.to;
if (router) {
const current = this.$route;
const route = router.resolve(this.to, current, this.append);
to = route ? route.href : this.to;
}
window.open(to);
} else {
if (router) {
this.replace ? this.$router.replace(this.to) : this.$router.push(this.to);
} else {
window.location.href = this.to;
}
}
},
handleCheckClick (event, new_window = false) {
if (this.to) {
if (this.target === '_blank') {
return false;
} else {
event.preventDefault();
this.handleClick(new_window);
}
}
}
}
};