vue2--如何创建/全局变量(枚举变量)
创建全局变量不需要一个一个引入文件使用
·
1.创建 util/enum-data.js
import Vue from 'vue'
// 订单状态
export const PolicyStatus = {
waitActivate: '待激活',
examinePass: '核保通过',
examineFail: '核保未通过',
generating: '生成中',
generateFail: '出单失败',
unEffective: '已失效',
surrender: '已退保',
effective: '已生效',
preEffective: '待生效',
partEffective: '部分生效',
cancelOrder: '已撤单',
other: '其他',
theClose: '已关闭',
}
// 性别
export const GenderStatus = {
'male': '男',
'female': '女',
'unknown': '未知',
'unstate': '未说明'
}
// 关系
export const RelationStatus = {
oneself: '本人',
parent: '父母',
spouse: '配偶',
children: '子女',
legalGuardian: '法定监护人',
other: '其他'
}
// 证件类型 columns
export const CertifyTypeColumns = [
{ type: 'identityCard', text: '身份证' },
{ type: 'familyRegister', text: '户口本' },
{ type: 'passport', text: '护照' },
// { type: 'officerCard', text: '军官证' },
{ type: 'HongKongMacaoAndTaiwanPass', text: '港澳台通行证' },
{ type: 'TaiWanPass', text: '台湾居民居住证' },
{ type: 'otherIdentityCard', text: '外国人永久居住身份证' }
]
// 全局状态汇总
const GlobalStatus = {
PolicyStatus,
GenderStatus,
RelationStatus,
CertifyTypeColumns
}
// 第一种方法: 集体导出 并注入到全局变量
window.GlobalStatus = Vue.prototype.$GlobalStatus = GlobalStatus
export default GlobalStatus
2.在main.js中引入
// 第一种方法:
import '@/util/enum-data' // 注入全局变量状态
3.页面中使用
// 第一种方法:
columns: window.GlobalStatus.CertifyTypeColumns
columns: this.$GlobalStatus.CertifyTypeColumns
二、第二种注入方法,直接在main.js入口文件中引入
import router from './router'
import $consts from "@/config"
import * as $enum from '@/utils/enum-data'
const merge = { $consts, $enum }
Object.assign(window, merge, { $router: router })
Vue.use({ install: (v) => Object.assign(v.prototype, merge) })
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
更多推荐
已为社区贡献1条内容
所有评论(0)