<template> <div> <div style="margin-bottom:15px;">{{ $t('permission.roles') }}: {{ roles }}</div> {{ $t('permission.switchRoles') }}: <el-radio-group v-model="switchRoles"> <el-radio-button label="editor"/> <el-radio-button label="admin"/> </el-radio-group> </div> </template> <script> export default { computed: { roles() { return this.$store.getters.roles }, switchRoles: { get() { return this.roles[0] }, set(val) { this.$store.dispatch('ChangeRoles', val).then(() => { this.$emit('change') }) } } } } </script>