Skip to main content

按钮权限

创建按钮#

进入菜单管理界面,点击新增或编辑,点击下方的新增可控按钮填入按钮名称(英文且不重复)和描述后点击确定

one

进入权限管理,点击设置权限-->分配菜单,如果此菜单有可控按钮,则会显示分配按钮权限字样,点击进行分配

two

three

点击确定,完成分配。

代码操作#

进入拥有可被控按钮菜单对应的前端页面,添加引入按钮控制组件,并在template中添加v-auth指令赋予需要被控制的按钮名称


<template>  <div>//   btnAuth为权限组件固定写法 .a  a为菜单管理中创建的按钮名称 配置过后即可实现对按钮的控制    <div v-auth="btnAuth.a">按钮1</div>    <div v-auth="btnAuth.b">按钮2</div>    <div v-auth="btnAuth.c">按钮3</div>  </div></template>
<script setup>    import { useBtnAuth } from '@/utils/btnAuth'    const btnAuth = useBtnAuth()</script>