1.克隆项目安装依赖并将项目跑起来
2.查找到需要添加的路由文件
3.找到路由文件
添加新的模块
4.编写新的页面
<template>
<div class="newform">
<h2>hello!new form</h2>
</div>
</template>
<script lang="ts" setup></script>
<style lang="less"></style>
5.在系统管理->菜单管理->里面找到同级模块的配置,然后新建一个跟他类似的配置。
同级菜单:
新增菜单:
增加完成后就可以在同级菜单看到了
6.在系统管理->角色管理里面增加用户的权限,这样用户就可以看到该页面了。
刷新一下页面就可以看到新增的vue页面了!