jeecg-boot Vue2前端-数据权限v-has使用

个人项目开发的一些经验已经实践过的代码

官网提到了怎么弄，但是很多细节官网还没完善的，我个人作为开发者提供一下代码给你们参考以及使用
如果你正在开发的有客户端以及业务端的可以这样用

首先

新增权限：

以下是我的配置：

输入一个关于只给客户端看的权限或者业务端看的权限
我这里就用业务端作为例子

前端使用

<div class="table-page-search-wrapper" v-has="'balances:user'">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="客户名称">
              <a-input placeholder="请输入客户名称" v-model="queryParam.fname"></a-input>
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </div>

v-has="'balances:user'" 只要加上这个客户就看不到当前显示的代码了内容。

注意：后台管理添加以及使用

加入   v-has="'balances:user'"   后 需要在系统里的角色管理勾选对应的角色，那个角色需要显示就勾选进去即可

授权给对应的角色
这个整个环节就闭环了，这个使用方法，还有一个是数据授权下一章笔记会讲

如果需要完整代码可以关注我。谢谢