mixin.js说明和使用

mixin.js 全局混入函数、方法或属性

创建一个专门储存mixin的js文件进行存储，文件中是你声明全局都可以使用的方法

例如：

// 引入store
import store from "@/store";

// 导出
export default {
  // 必须写在methods中
  methods: {
    checkPermission(key) {
      // 获取到当前登录的按钮操作权
      const { userInfo } = store.state.user;
      // 判断是否与权限标识字段一致
      if (userInfo.roles.points && userInfo.roles.points.length) {
        // 判断操作权限的每一项是否与字段保持一致
        // 返回的是布尔类型
        return userInfo.roles.points.some((item) => item === key);
      }
      return false;
    },
  },
};

在main.js中进行注册

import checkPermission from "@/mixin/checkPermission";

Vue.mixin(checkPermission);

在你想要使用的文件中引入mixin的文件名进行使用

// 引入miXin文件
import { checkPermission } from "@/mixin";
//使用minxin文件
  mixins:  [ checkPermission ]