微信小程序根據返回的狀態碼展示相對應內容

wxml代碼

view class="excessive">
view>運費/view>
/* 直接拿到data中的 freightType 即可*/
view>{{freightType}}/view>
/view>


js代碼

Page({
data: {
ZBdetailsinfo: [],//接口詳情數據
freightType: "",//根據 1、2 顯示運費類型
},
onLoad: function (e) {
// 拿到首頁傳過來的id獲取裝備詳情數據
var id = e.id
//請求詳情接口
$http.get(ZBdetalis + '?id=' + id).then(res => {
console.log("成功", res.data.data);
//根據判斷顯示包郵還是具體運費的數字， res.data.data.freightType 是接口返回---表示運費狀態的字段
if (res.data.data.freightType == 1) {
//res.data.data.freight 是接口返回---表示有運費的字段
this.data.freightType = res.data.data.freight
} else if (res.data.data.freightType == 2) {
this.data.freightType = '包郵'
}
this.setData({
ZBdetailsinfo: res.data.data,//詳情數據
})
})
},
})


核心代碼

//根據判斷顯示包郵還是具體運費的數字， res.data.data.freightType 接口返回---運費狀態的字段
if (res.data.data.freightType == 1) {
//res.data.data.freight 接口返回---有運費的字段
this.data.freightType = res.data.data.freight
} else if (res.data.data.freightType == 2) {
this.data.freightType = '包郵'
}