例:
实际应用:
1.table
<el-table-column
prop="ChargeType"
label="计费模式"
align="center"
width="80" >
<template #default="{ row }">
{{ getChargeType(row.NetworkAttributes.InternetChargeType) }}
</template>
</el-table-column>
computed: {
// 网络计费类型
getChargeType(val) {
return function (val) {
const Obj = {
TRAFFIC_POSTPAID_BY_HOUR: "按使用流量",
BANDWIDTH_PREPAID: "预付费按带宽结算",
BANDWIDTH_POSTPAID_BY_HOUR: "带宽按小时后计费",
BANDWIDTH_PACKAGE: "带宽包用户",
};
return Obj[val];
};
},
},
2.method
methods: {
getDiskType(DiskType) {
const getDiskType = {
CLOUD_BASIC: "普通",
CLOUD_PREMIUM: "高性能",
CLOUD_SSD: "SSD",
};
return getDiskType[DiskType];
},
//资源变配
async onSubmit() {
const billingItem = this.getDiskType(this.cvmCbsDetail.DiskType);
...
},
},
};