一、局部混入
在src下创建 mixins文件,创建复用的js文件
二、全局混入
在scr下创建mixins文件夹,创建全局混入的文件
import store from "@/store";
export default{
data() {
return {
msg: '所有页面都有这个msg',
};
},
methods:{
//校验按钮权限
checkPremission(str){
//str是某个按钮的权限标识
//判断str是否在当前用户的按钮权限标识数组中
const userInfo=store.state.user.userInfo
if(userInfo.roles&&userInfo.roles.points.length){
//登录了,有按钮权限
return userInfo.roles.points.includes(str)
}else{
return false
}
}
}
}
在main.js中进行全局注册
//导入全局混入对象
import checkPermission from '@/mixins/checkPermission'
Vue.mixin(checkPermission)