32 lines
764 B
Vue
32 lines
764 B
Vue
<script lang="ts">
|
|
export default {
|
|
name: "permissionButton"
|
|
};
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import { storageSession } from "/@/utils/storage";
|
|
|
|
const auth = ref<boolean>(storageSession.getItem("info").username || "admin");
|
|
|
|
function changRole(value) {
|
|
storageSession.setItem("info", {
|
|
username: value,
|
|
accessToken: `eyJhbGciOiJIUzUxMiJ9.${value}`
|
|
});
|
|
window.location.reload();
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<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>
|