Vue访问权限

设置权限

<script>
export default {
    created(){
        if(this.$store.state.userStore.role !== 'manager'){
            this.$Message.error('您没有权限访问本页面');
            this.$router.push({
                name: 'index'
            });
        }
    }
};
</script>

有权限页面

判断这个权限的名字是manager的话就显示，否则不显示；
<DropdownItem v-if="$store.state.userStore.role === 'manager'">
    <router-link :to="{'name': 'announcement'}">发布公告</router-link>
</DropdownItem>

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”