mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
39 lines
871 B
Vue
39 lines
871 B
Vue
<template>
|
|
<div class="app-container">
|
|
<el-radio-group v-model="auth" @change="changRole">
|
|
<el-radio-button label="admin"></el-radio-button>
|
|
<el-radio-button label="test"></el-radio-button>
|
|
</el-radio-group>
|
|
<p v-auth="'v-admin'">只有admin可看</p>
|
|
<p v-auth="'v-test'">只有test可看</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang='ts'>
|
|
import { ref, unref } from "vue";
|
|
import { storageSession } from "/@/utils/storage";
|
|
export default {
|
|
name: "permissionButton",
|
|
setup() {
|
|
const auth = ref(storageSession.getItem("info").username || "admin");
|
|
|
|
function changRole(value) {
|
|
storageSession.setItem("info", {
|
|
username: value,
|
|
accessToken: `eyJhbGciOiJIUzUxMiJ9.${value}`
|
|
});
|
|
|
|
window.location.reload();
|
|
}
|
|
|
|
return {
|
|
auth,
|
|
changRole
|
|
};
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|