当有时项目中有的模块是根据传值过来的条件判断来达到显示隐藏时就可以使用枚举,方便后期维护
写法:
<template v-if="types === WORKORDERTYPE.SUBMIT || types === WORKORDERTYPE.MODIFY">
<h1>测试</h1>
</template>
export default {
props: {
types: {
type: String,
require: true,
default: '',
},
},
data(){
return {
// 任务类型
WORKORDERTYPE: {
SUBMIT: '提交',
SEE: '查看',
MODIFY: '修改',
},
}
}
}