vue3 myMixin 混入

多个方法在vue组件中重复使用

比如

 <div :class="getStatusClass(row.status)">{{ getStatus(row.status) }}</div>

中getStatusClass和getStatus 会在很多地方重复使用

新建一个myMixin.js

export default {
    methods: {
        getStatus(status) {
            status = Number(status)
            switch (status) {
                case -2:
                    return '取消报备'
                case 0:
                    return '未面'
                case 1: //面试已通知
                    return '未面'
                case 2:
                    return '到面'
            }
        },
        getStatusClass(status) {
            status = Number(status)
            switch (status) {
                case -2:
                    return '取消报备'
                case 0:
                    return '未面'
                case 1:
                    return '未面'
                case 2:
                    return '到面'
            }
        }
    }
};

在要使用的组件中

import myMixin from '@/utils/myMixin.js'
const { getStatus, getStatusClass } = myMixin.methods