直接上代码!!
<course pagesize="10">
<p>免费课程</p>
</course>
<course type="boutique">
<p>精品课程</p>
<!-- <p>底部</p> -->
</course>
<course type="discount">
<p>折扣课程</p>
<!-- <p>底部</p> -->
</course>
Vue.component("course", {
template: "#freecourse",
data() {
return {
beforeurl: "http://wkt.myhope365.com",
imgList1: [],
courseList: []
}
},
// 接受父组件传值
props: {
// type:String,
// pageNum:[Number,String],
// pageSize:[Number,String],
type: {
type: [String, Number],
default () {
return "free"
}
},
pagenum: {
type: [String, Number],
default () {
return "1"
}
},
pagesize: {
type: [String, Number],
default () {
return "5"
}
},
},
created() {
form.append("type", this.type)
form.append("pageNum", this.pagenum)
form.append("pageSize", this.pagesize)
axios.post(`${this.beforeurl}/weChat/applet/course/list/type`, form).then((res) => {
console.log(res);
this.courseList = res.data.rows
})
},
})