<template>
<div>
我是{{title}}状态的订单
</div>
</template>
<script>
const statusMap = {
'NOT_PAYED': '待付款',
'STOCKUP_PENDING': '待商家接单',
'DELIVERY_PENDING': '待使用',
'RECEIVING': '已到店',
'0': '订单待评价',
'COMPLETE': '订单已完成',
'PAID_CANCEL': '订单已取消',
'CANCEL': '订单已取消',
'EXPIRE': '订单已取消',
}
data(){
return:{
orderStatus: '' //状态
}
}
computen:{
title(){
return this.orderStatus == 'COMPLETE' && this.orderData.isEvaluate === 0 ?
statusMap['0']:statusMap[this.orderStatus] || '订单详情'
}
}
</script>
在data外面定义状态类型,在计算属性里定义title来根据接口返回的状态(orderStatus)来判断返回statusMap里的值。