Java+Vue权限管理

最新推荐文章于 2024-08-23 13:45:56 发布

一个小灰白

最新推荐文章于 2024-08-23 13:45:56 发布

阅读量258

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_42937980/article/details/129632386

版权

文章介绍了如何在前端应用中使用axios从后端获取用户的权限信息，这些信息包括可访问的网页和具体权限。前端通过v-for指令动态渲染el-menu组件，用router-link根据权限路径设置可导航的菜单项，展示用户的角色和权限名称。

摘要由CSDN通过智能技术生成

使用权限管理，后端要传过来具体的权限信息，以及当前用户所能访问的网页以及权限。

//前端得到后端传过来的权限
getlist() {
				let that = this
				this.$axios({
					method: 'get',
					url: 'http://localhost:8888/login/role?value=' + that.value
				}).then(function(response) {
					that.meunlist = response.data
				})
			},

//通过前端的menu将权限在页面中展现出来
<el-menu :default-active="activeIndex" router class="el-menu-vertical-demo" @open="handleOpen"
						@close="handleClose">
						<el-menu-item v-for="item in meunlist">
							<router-link :to="{path:item.permit_path}">
								<i :class="item.permit_icon"></i>
								<span class="span2" style="color:#red;">{{item.permit_name}}</span>
							</router-link>
						</el-menu-item>
					</el-menu>