VUEX传值

image.png

 commit('SET_NAME', user.userName)

image.png

 state: {
    token: getToken(),
    name: '',
    roles: [],
    permissions: [],
    baseData: {},
    userInfo: {},////VUEX YY 3
  },

  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_NAME: (state, name) => {
      state.name = name
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles
    },
    SET_PERMISSIONS: (state, permissions) => {
      state.permissions = permissions
    },
    SET_BASE_DATA: (state, baseData) => {
      state.baseData = baseData
    }, 
    //VUEX YY 2
    SET_USER_INFO: (state, userInfo) => {
      state.userInfo = userInfo
    }, 
  },

image.png

const getters = {
    size: state => state.app.size,
    device: state => state.app.device,
    dict: state => state.dict.dict,
    token: state => state.user.token,
    name: state => state.user.name,

    introduction: state => state.user.introduction,
    roles: state => state.user.roles,
    title: state => state.settings.title,
    sidebarRouters: state => state.permission.sidebarRouters,
    defaultRoutes: state => state.permission.defaultRoutes,
    headerConfig: state => state.production.headerConfig,
    productOrderList: state => state.production.productOrderList,
    showMenu: state => state.production.showMenu,
    menuList: state => state.production.menuList,
    productRejects: state => state.production.productRejects,
    qualityOrderList: state => state.quality.qualityOrderList,
    qualityBatchList: state => state.quality.qualityBatchList,
    shkList: state => state.user.baseData.shkList,
    mesBomDtls: state => state.production.mesBomDtls,
    msysItem: state => state.production.msysItem,
    userInfo: state => state.user.userInfo, //VUEX YY 4
};
export default getters;

image.png

import { mapGetters } from 'vuex'; //VUEX YY 5

export default {
    name: 'homePage',
    computed: {
        ...mapGetters(['defaultRoutes', 'userInfo']), //VUEX YY 6
    },
    components: {
        [Icon.name]: Icon,
        [Form.name]: Form,
        [Field.name]: Field,
        [Button.name]: Button,
        [Row.name]: Row,
        [Col.name]: Col,
        [Dialog.name]: Dialog,
    },
    data() {
        return {
            scanImg: scan,
        };
    },
    mounted() {
        // 截取日期字符串
        this.userInfo.updateDt = this.userInfo.updateDt.slice(0, 10);
    },