由于所有课程接⼝与已购课程接⼝响应的数据格式不同，在进⾏数据绑定时需要进⾏检测。 响应数据的格式： 所有课程数据位置为：data.data.records 已购课程数据位置为：data.content 数据对应的键不同： 课程名称不同 课程图⽚不同 已购课程没有价格相关数据 // CourseContentList.js 响应数据格式检测 … async onRefresh () { … // 如果存在数据，清空并课程数据，否则结束 if (data.data && data.data.records && data.data.records.length !== 0) { this.list = data.data.records + } else if (data.content && data.content.length !== 0) { + this.list = data.content } … }, async onLoad () { … // 检测，如果没有数据了，结束，如果有，保存 if (data.data && data.data.records && data.data.records.length !== 0) { this.list.push(…data.data.records) + } else if (data.content && data.content.length !== 0) { + this.list.push(…data.content) } … // 数据全部加载完成 + if (data.data && data.data.records && data.data.records.leng th < 10) { this.finished = true + } else if (data.content && data.content.length < 10) { + this.finished = true } } } … 数据绑定改进 // CourseContentList.js …
    + 数据绑定改进 - 图1
    +

    + v-if=”item.price” class=”price-container” > ￥{{ item.discounts }} ￥{{ item.price }}