dianshang-qianduan/src/views/index.vue

<template>
  <div class="index">
    <student v-if="role == '4'" />
    <teacher v-else />
  </div>
</template>
<script setup>
import student from "./student/index.vue";
import teacher from "./teacherEnd/index.vue";
import useUserStore from "@/store/modules/user";
import { computed } from "vue";
const userStore = useUserStore();
const role = computed(() => userStore.userInfo.roleId);
</script>
<style lang='scss'  scoped>
.index {
  margin: 10px;
}
</style>