需求:根据状态码显示运费类型 (运费类型: 1有运费, 2包邮)
实现
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,//详情数据
freightType: this.data.freightType,//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({
freightType: this.data.freightType,//data中定义的
})