目标:从浏览器获取当前用户名,若用户名与当前列申请人的用户名相同时,操作中的按钮不显示。
在data的return中定义:nowUser
mounted中:使用 localStroage 去获取。
mounted() {
this.nowUser = localStorage.getItem("network-pan-username");
},
此时浏览器中的信息为:
利用getItem从浏览器中获取key,并与当前列的person进行比较,若相同则不展示,在操作的按钮出进行v-if的判断
v-if="scope.row.person !== nowUser"
scope插槽可获取当前列的信息,person是从F12中获取当前数据的申请人的属性。