12.uniapp上拉加载

迈不过友情╰ 2022-11-17 15:58 260阅读 0赞 
  1. <template>
  2.     <view>
  3.         <view>这是列表页</view>
  4.         <view v-for="(item,index) in list" class="box-item">
  5.             序号:{
  6.    {index}} 
  7.             职位:{
  8.    {item}}
  9.         </view>
  10.     </view>
  11. </template>
  13. <script>
  14.     export default{
  15.         data() {
  16.             return{
  17.                 list:["前端","大数据","IU","测试","大数据","前端","大数据","IU","测试","大数据"]
  18.             }
  19.         }
  20.         onReachBottom(){        // 上拉加载自动添加数据方法在这里面
  21.             console.log("页面触底了");
  22.             this.list = [...this.list,...["IU","测试","前端","大数据","大数据"]]    // 意思是老的数组...this.list    展开后的 新数组...["IU","测试","前端","大数据","大数据"]
  23.         }
  24.     }
  25. </script>
  27. <style>
  28.     .box-item{
  29.         width: 100px;
  30.         line-height: 200px;
  31.     }
  32. </style>

发表评论

表情：
评论列表 （有 0 条评论，260人围观）

还没有评论，来说两句吧...

相关阅读

    相关 uniapp上拉加载

    最近在写uniapp的项目，看好写到上拉加载这一块，拿出来详细说一下写法，和注意事项吧。 首先在data里面要有这些值 last_page: '', //总页数

    喜欢ヅ旅行喜欢ヅ旅行/ 0 赞/ 682 阅读