code style
This commit is contained in:
@@ -1,18 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
<i v-if="props.sortable" :class="icon"></i>
|
<i v-if="props.sortable" :class="icon"></i>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "VtSortControl",
|
name: "VtSortControl",
|
||||||
props: ['props'],
|
props: ["props"],
|
||||||
computed: {
|
computed: {
|
||||||
icon() {
|
icon() {
|
||||||
// if not sorted return base icon
|
// if not sorted return base icon
|
||||||
if (!this.props.sortStatus.sorted) return 'fas fa-sort';
|
if (!this.props.sortStatus.sorted) return "fas fa-sort";
|
||||||
// return sort direction icon
|
// return sort direction icon
|
||||||
return this.props.sortStatus.asc ? 'fas fa-sort-amount-up' : 'fas fa-sort-amount-down';
|
return this.props.sortStatus.asc
|
||||||
}
|
? "fas fa-sort-amount-up"
|
||||||
}
|
: "fas fa-sort-amount-down";
|
||||||
}
|
},
|
||||||
</script>
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user