// 页面data中存储的权限(接口返回后赋值)data: {
authStr: 'order:edit,order:add', // 接口返回的权限字符串
// 转成数组(方便判断,后续核心用这个)
authList: []}
请求到字符串后,处理代码
const authStr = res.data.data.authStr || ''; // 接口返回的权限字符串,默认空
// 分割成数组(去空,避免逗号导致的空元素)
const authList = authStr.split(',').filter(item => item.trim() !== '');
this.setData({
authStr,
authList // 核心:存为数组,后续判断用
});
<!-- 单个权限控制:只有order:add权限才显示 -->
<button wx:if="{{authList.indexOf('order:add') > -1}}">新增订单</button>
<!-- 多个权限满足一个就显示:有order:edit或order:add就显示 -->
<view wx:if="{{authList.indexOf('order:edit') > -1 || authList.indexOf('order:add') > -1}}">
订单操作区
</view>
<!-- 多个权限必须都满足才显示:同时有edit和add才显示 -->
<view wx:if="{{authList.indexOf('order:edit') > -1 && authList.indexOf('order:add') > -1}}">
订单高级操作区
</view>
后续可以给小程序用户 设置 修改订单 权限。 我们添加一个。权限菜单。 角色菜单 小程序用户 只用设置角色就行了。
小程序用户必须内部用户才可以有这些。。普通用户默认删除这些角色。站长微信:xiaomao0055
站长QQ:14496453