最近搜索

小程序 按钮 权限功能

浏览:4
管理员 2026-01-29 17:05



// 页面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