12.uniapp上拉加载

<template>
	<view>
		<view>这是列表页</view>
		<view v-for="(item,index) in list" class="box-item">
			序号:{
   
   {index}} 
			职位:{
   
   {item}}
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return{
				list:["前端","大数据","IU","测试","大数据","前端","大数据","IU","测试","大数据"]
			}
		}
		onReachBottom(){		// 上拉加载自动添加数据方法在这里面
			console.log("页面触底了");
			this.list = [...this.list,...["IU","测试","前端","大数据","大数据"]]	// 意思是老的数组...this.list	展开后的 新数组...["IU","测试","前端","大数据","大数据"]
		}
	}
</script>

<style>
	.box-item{
		width: 100px;
		line-height: 200px;
	}
</style>