Vue不同用户权限显示不同内容

一、登录页

<template><div><div class="username"><span>姓名</span><input type="text" v-model="form.username"></div><div class="password"><input type="text" v-model="form.password"></div><div class="login"><span>登录</span></div><div><span>{{getDetail}}</span><b>{{getDetail=='管'?'':'训'}}</b></div></div>
</template>

二、内部函数

export default {name: 'App',data() {return {form:{username:'',password:''}}},computed:{getDetail(){let isTeacher=this.$store.state.roles.indexOf('teacher')>=0let isStudent=this.$store.state.roles.indexOf('student')>=0&&(!isTeacher)let isAdmin=(this.$store.state.roles.indexOf('admin')>0&&!isTeacher&&!isStudent)||(this.$store.state.roles.indexOf('root')&&!isTeacher&&!isStudent)return isTeacher?'师':isStudent?'学':isAdmin?'管':''}},methods: {axios.get({url:'请求地址',params:this.form}).then(res=>{localStorage.setItem('username',this.form.name)localStorage.setItem('organize',res.data.organize)this.$store.state.roles=res.data.rolesthis.$store.state.userId=res.data.userIdthis.jump('navPage')})},
}

Vue不同用户权限显示不同内容相关推荐

vue根据不同权限显示图片_vuex根据不同的用户权限展示不同的路由列表
需求描述最近接到一个新的需求,要求将系统的用户进行分类,用户登陆后根据不同的用户权限展示不同的功能列表. 这个功能在后台管理中很常见,大致的思路是后台返回用户类型,前端根据用户类型生成该类用户可以 ...
vue实现页面权限显示_Vue 实现前端权限控制
登录&&权限流程图前言首先我们确定的权限控制分为三大部分,其中根据粒度大小分的更细: 登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增.删.改.查)的权限 ...
vue实现鼠标悬浮显示全部内容
在做vue项目中常常会遇到内容太长显示不全这就用到鼠标悬浮效果了使用 (element-ui) <el-tooltip :content="全部内容" placeme ...
vue根据不同权限显示图片_vue如何实现路由权限控制
前言在实际的开发过程中,我们通常会涉及到权限的问题,不同的用户进来只能看到他对应的菜单权限,页面上的菜单渲染是比较好实现的,这里就不多提,唯一比较难的就是路由的权限控制. 解决思路目前大概有两种思路可 ...
vue实现页面权限显示_vue实现菜单权限控制
大家在做后台管理系统时一般都会涉及到菜单的权限控制问题.当然解决问题的方法无非两种--前端控制和后端控制.我们公司这边的产品迭代速度较快,所以我们是从前端控制路由迭代到后端控制路由.下面我会分别介绍这 ...
vue根据不同权限显示图片_vue多级权限组件的实现
首先实现递归checkbox的组件假定,我们要实现的权限组件效果是这样的: 要实现点击系统,下面的都全选,点击基础功能,用户管理半选,系统半选.点击新增组织,如果基础功能没有选中,则基础功能改为选中 ...
【SAP Basis】SAP用户权限管理
SAP用户权限管理 1.术语说明 2.用户授权(添加菜单事务码-功能) (1)主要TCODE: (2)创建用户 SU01 (3)创建角色 PFCG (4)权限验证 3.用户授权(添加系统权限对象-功能 ...
vue 不同权限显示不同页面
新手上路.项目需求比较简单,不要求控制到按钮,只需控制到页面,有权限显示,没有权限不显示该页面. 网上很多方法,看的好几脸懵逼,不确定用什么方法.直到搜到以下demo,有了demo赶脚拥有了上帝视角, ...
vue点击按钮切换显示不同内容_邂逅Vue
01 什么是Vue.js Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架. 看到这里,你就会问了,什么是渐进式? 渐进式就是你可以将Vue作为一个项目中的部分组件改 ...

Vue不同用户权限显示不同内容

Vue不同用户权限显示不同内容相关推荐

最新文章

热门文章