/
button-footer.vue
52 lines (50 loc) · 882 Bytes
/
button-footer.vue
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
<template>
<button
class="link card-footer-item"
:class="className"
:aria-label="label"
tabIndex="0"
@click="handleClick"
:data-index="dataIndex"
:data-id="dataId"
>
<i :class="iconClasses"></i> <span>{{ label }}</span>
</button>
</template>
<script>
export default {
name: 'ButtonFooter',
props: {
item: {
type: Object,
default() {},
},
className: {
type: String,
default: () => '',
},
label: {
type: String,
default: () => '',
},
dataIndex: {
type: Number,
default: () => null,
},
dataId: {
type: String,
default: () => '',
},
iconClasses: {
type: String,
default: () => '',
},
},
methods: {
handleClick() {
this.$emit('clicked', this.item);
},
},
};
</script>
<style lang="scss" scoped></style>