- 百度了白天,发现没有相关的文章于是自己写了一个,如果是vue这些 应该很方便 ,来一个jquery版的
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<style>
.rmrf {
color:black;
background-color: red;
}
.tx {
color:black;
background-color: red;
}
</style>
<h1>权限按钮测试</h1>
<button class="auth add" has_permission="sys:add">增加</button>
<button class="auth delete" has_permission="sys:delete">删除权限</button>
<button class="auth" has_permission="sys:edit">编辑</button>
<button class="auth rmrf" has_permission="sys:rm:rf">删库跑路</button>
<button class="auth tx" has_permission="sys:tx">提现</button>
<button class="auth update" has_permission="sys:update">升级权限</button>
<script>
$(document).ready(function() {
var permissions = JSON.parse(sessionStorage.getItem('permissions'));
if(permissions== undefined){
var permissions = ["sys:add","sys:delete","sys:edit","sys:update"]
sessionStorage.setItem('permissions', JSON.stringify(permissions) );
}
console.log(permissions)
$(".auth").each(function(){
var permission = $(this).attr("has_permission")
if($.inArray(permission, permissions) == -1){
$(this).remove()
}
})
$(".delete").click(function(){
sessionStorage.removeItem('permissions');
alert("回收权限成功!")
window.location.reload();
});
$(".update").click(function(){
permissions.push("sys:rm:rf");
sessionStorage.setItem('permissions', JSON.stringify(permissions));
alert("你获得最高权限")
window.location.reload();
});
$(".add").click(function(){
permissions.push("sys:tx");
sessionStorage.setItem('permissions', JSON.stringify(permissions));
alert("增加权限成功。")
window.location.reload();
});
});
</script>
</body>
</html>
如有疑问 可以留言