学习总结|子组件接收数据、分页显示
一、子组件中接收LIst数据并使用
- 接收List数据
export default {
name:"HomeIcons",
props: {
list: Array
},- 直接使用接收到的数据
![学习总结|子组件接收数据、分页显示]()
{{item.desc}}
二、分页
- 如果index大于8，则分页显示
data () {
return {
swiperOption: {
autoplay: false
}
}
},
computed: {
pages () {
const pages = []
this.list.forEach((item,index) => {
const page = Math.floor(index/8)
if (!pages[page]) {
pages[page] = []
}
pages[page].push(item)
})
return pages
}
}
}推荐阅读
- 2018年11月19日|2018年11月19日 星期一 亲子日记第144篇
- 遇到一哭二闹三打滚的孩子，怎么办┃山伯教育
- 这辈子我们都不要再联系了
- 2019年12月24日
- Ⅴ爱阅读，亲子互动——打卡第178天
- 眼观耳听美食的日子
- 由浅入深理解AOP
- 子龙老师语录
- 成交的种子咖啡冥想
- 2018年9月5日，星期三，天气晴