昨天接了一个需求,项目使用element-UI搭建的,很普通的左侧导航列表,右侧表格形式的车场管理系统
因为是内部人员使用的,所以账号只需要在数据库表设置好就可以,在进行账号登陆的时候会给前端传输一个数字组成的字符串大概这样“1,5,6,7,2,3”
项目的前端基础搭建格式是依照Gitee的一个模板搭建的,上面有个Tarliat文件,主要就是存储了导航栏的导航列表
其实所谓的权限控制也就是对这个列表(数组格式)进行删除
1,首先后端传值给你的是字符串格式,你要将其切割成数组
2,在你切割成数组之后你要对其进行排序(后面会说为什么),排序需要进行比较(冒泡和选择或者插入都可以),所以要求数组里的元素是number格式,你就需要用
parseInt()去进行数据类型转换,之后进行排序(因为你需要依照返回数值来用数组方法依次splice()去删除数组元素,后端也不一定会按顺序给你传值,所以这边要判定)
3,将排序好的数组进行倒叙,从后面向前面进行删除,因为从前向后删除的话,数组长度会改变,所以必须从后向前删除,就不会影响之前的元素。
贴代码---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var a = this.getCookie("jurisdiction").split(',') //比较轮数 function bSort(arr) { var len=arr.length; var temp; for(var i=0;i<len-1;i++){ for(var j=i+1;j<len;j++){ if(parseInt(arr[j])<parseInt(arr[i])){ temp=parseInt(arr[j]); arr[j]=parseInt(arr[i]); arr[i]=temp; } } } return arr; } var b=a.reverse() for(var i=0;i<b.length;i++){ this.items.splice(b[i],1) } }