二十二、 前端按钮的权限控制v-has=”???”的用法

按钮的显示隐藏控制( · JeecgBoot 开发文档 · 看云

v-has="'name'"

代码示例:

按钮的显示隐藏控制( · JeecgBoot 开发文档 · 看云)

一、用法
v-has="'name'"
代码示例:

<a-form-item v-has="'name'"
  :labelCol="labelCol"
  :wrapperCol="wrapperCol"
  label="请假人">
  <a-input placeholder="请输入请假人" v-decorator="['name', {}]" />
</a-form-item>

二、权限配置:

  • v-has="'name'" 指令值“name”为授权标识,可对该授权标识进行“显示/访问”控制
  • 权限编码在【系统管理--菜单管理】中配置,添加按钮类型的菜单数据,授权标识配置值“name”,策略选择显示/访问,状态选择有效
  • 控制规则:
  • (1)使用v-has指令后,菜单权限中若没有对应指令编码的配置,则不显示控件,
  • (2)权限配置无效状态时,则不进行权限控制,有效状态时进行控制
  • (3)策略:显示/访问,未授权时不显示,授权后显示
  • (4)灵活: 一个授权标识码,可以控制多个控件,也可用于列表列字段的控制(请灵活使用)

1)说明:

  • 节点权限配置优先级高于菜单权限配置
  • 节点权限应用于使用组件方式加载的附加表单页面,并对附加表单页面进行权限控制
  • 显示控制用法见上面用法描述
  • 节点权限是通过 props: ['formData'],来传递给节点表单页面的,因此页面一定要定义这个,否则,节点配置的权限不生效
  • 权限配置无效状态时,则不进行权限控制,有效状态时进行控制

2)权限配置:
在【流程管理-流程设计】中找到需要配置的流程,进入【流程配置-流程节点】选择需要进行权限控制的节点,
点击【更多-权限设置】,新增/编辑 来配置权限。

如果给必填字段设置隐藏权限,将会导致字段隐藏了,但是校验还存在的问题。
造成该问题的原因是表单的渲染顺序导致的。
想要解决该问题,就不能仅仅使用 v-has 的形式来控制表单了,还需要通过编码的方式,动态给该表单的必填校验设置为false,将rules设置成computed计算属性可以获得更好的性能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值