Blame view
src/views/dashboard/index.vue
543 Bytes
80a28914e init |
1 2 3 |
<template> <div class="dashboard-container"> <div class="dashboard-text">name: {{ name }}</div> |
cf56a6c30 init role permission |
4 |
<div class="dashboard-text">roles: <span v-for="role in roles" :key="role">{{ role }}</span></div> |
80a28914e init |
5 6 7 8 9 10 11 12 13 14 |
</div> </template> <script> import { mapGetters } from 'vuex' export default { name: 'Dashboard', computed: { ...mapGetters([ |
cf56a6c30 init role permission |
15 16 |
'name', 'roles' |
80a28914e init |
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
]) } } </script> <style lang="scss" scoped> .dashboard { &-container { margin: 30px; } &-text { font-size: 30px; line-height: 46px; } } </style> |