refactor: ♻️ 演示界面统一至demo下,精简删除demo目录即可
Former-commit-id: cef5e36eb0e60299d1a72b9a12c9ea8d93a77244
This commit is contained in:
27
src/views/demo/permission/components/SwitchRoles.vue
Normal file
27
src/views/demo/permission/components/SwitchRoles.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="mb-[15px]">Your roles: {{ roles }}</div>
|
||||
Switch roles:
|
||||
<el-radio-group v-model="switchRoles">
|
||||
<el-radio-button label="EDITOR" />
|
||||
<el-radio-button label="ADMIN" />
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useUserStoreHook } from "@/store/modules/user";
|
||||
import { storeToRefs } from "pinia";
|
||||
|
||||
const emit = defineEmits(["change"]);
|
||||
const store = storeToRefs(useUserStoreHook());
|
||||
const { roles } = store;
|
||||
|
||||
const switchRoles = computed({
|
||||
get: () => roles.value[0],
|
||||
set: (val) => {
|
||||
roles.value = [val];
|
||||
emit("change");
|
||||
},
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user