一开始我想的是判断data里数组的长度是否等于0 但是这个方法不是很有效率
所以我换了一种思维 首先我们封装好的接口从后台成功获取数据
在返回的数据里会返回一个code码 我们可以拿这个code做操作
//封装一个请求数据函数
getCart() {
//这是获取到我们的toten
let token = wx.getStorageSync('token');
//这是自己封装的请求数据的api
wx.$HTTP.cartAdd({
token
}).then(res => {
//如果code=0就成功更改购物车
if(res.data.code==0){
//扩展运算符把获取到的数据展开
this.data.goodsList = [...res.data.data.items]
//然后设置data的数组
this.setData({
goodsList: this.data.goodsList, //设置数组
totalNum: res.data.data.price,
isShow:true, //控制是否显示购物车为空的元素
})
//如果code=700暂无数据 就把空元素渲染
}else if(res.data.code==700){
this.setData({
isShow:false, //这时候让我们的空元素显示
goodsList:[]
})
}
})
},
在小程序页面里给元素绑定 hidden =“{{ false }}”
hidden等于true会隐藏 反之就显示 这样就达到了我们想要的结果