51 lines
776 B
Vue
51 lines
776 B
Vue
<template>
|
|
<div class="Alias">
|
|
<v-data-table
|
|
:headers="headers"
|
|
:items="list"
|
|
:items-per-page="5"
|
|
class="elevation-1"
|
|
></v-data-table>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import Alias from "@/classes/Alias.js"
|
|
|
|
export default {
|
|
name: 'Alias',
|
|
data: function () {
|
|
return {
|
|
list: [],
|
|
item: {}
|
|
}
|
|
},
|
|
props: ["vmailapi", "headers"],
|
|
mounted () {
|
|
let alias = new Alias(this.vmailapi.GetUrl())
|
|
alias.GetList().then(response => {
|
|
this.list = response.data;
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
<style scoped>
|
|
h3 {
|
|
margin: 40px 0 0;
|
|
}
|
|
ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
li {
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
}
|
|
a {
|
|
color: #42b983;
|
|
}
|
|
</style>
|