先来看问题

可以看得出这个表格添加了一些权限判断,同级用户是不可以删除的,添加禁用属性layui-btn-disabled便有了如下的代码

<script type="text/html" id="barDemo">
    {{#  if(d.roles.indexOf(session.roles) == -1  ){ }}
        @*不是同级*@
        <a class="layui-btn layui-btn-xs" lay-event="edit" >编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{# } else { }}
        {{#  if(d._id == session.login  ){ }}
            <a class="layui-btn layui-btn-xs" lay-event="edit" >编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" lay-event="del">删除</a>
        {{# } else { }}
            <a class="layui-btn layui-btn-xs  layui-btn-disabled"   >编辑</a>
            <a class="layui-btn  layui-btn-xs  layui-btn-disabled"  >重置密码</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" lay-event="del">删除</a>
        {{#  } }}
    {{#  } }}
</script>

结果便是上图的效果,下面解决办法来了

<script type="text/html" id="barDemo">
    {{#  if(d.roles.indexOf(session.roles) == -1  ){ }}
        @*不是同级*@
        <a class="layui-btn layui-btn-xs" lay-event="edit" >编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{# } else { }}
        {{#  if(d._id == session.login  ){ }}
            <a class="layui-btn layui-btn-xs" lay-event="edit" >编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset">重置密码</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" >删除</a>
        {{# } else { }}
            <a class="layui-btn layui-btn-xs  layui-btn-disabled"   >编辑</a>
            <a class="layui-btn  layui-btn-xs  layui-btn-disabled"  >重置密码</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" >删除</a>
        {{#  } }}
    {{#  } }}
</script>

就是对上面的代码进行小改动,吧需要禁用到的按钮lay-event="del"事件给去掉,就ok了

the end

如有问题,请留言交流


扫描二维码,在手机上阅读!