A痞子  2023-01-31 00:03 采纳率: 73.8%
浏览 32
已结题

uniapp 排序报错

我想把 this.a2 的排序倒过来,为何我下面这么写出现报错?TypeError: _this.a2.reverse is not a function

<template>    <view>

<view v-for="(item,index) in a2 " class="box1" :key="index">
    <view :style="item.l11_30==true?'background-color:#FFB9DC':'background-color:#CCCCCC'">
<view class="box2"><text  Selection space="ensp">借用时间:{{item.l11_4}} </text></view>
<view class="box3"><text  Selection space="ensp">记单人:{{item.l11_14}}</text></view>

<view class="box2"><text  Selection space="ensp">借用人:{{item.l11_10}} </text></view>
<view class="box3"><text  Selection space="ensp">借用教室:{{item.l11_11}}</text></view>
    
    <view class="box2"><text  Selection space="ensp">借用周:{{item.l11_17}} </text></view>
    <view class="box3"><text  Selection space="ensp">借用星期:{{item.l11_15}}</text></view>    
    
    <view class="box2"><text  Selection space="ensp">借用课次:{{item.l11_18}} </text></view>
    <view class="box3"><text  Selection space="ensp">借用时间段:{{item.l11_12}}</text></view>    
        
        <view class="box2"><text  Selection space="ensp">备注:{{item.l11_8}} </text></view>
        </view>
</view>
    </view>
    
    
    
</template>

<script>
    
    export default {
        
        data(){
        
        return{
        a2:[],
          a3:[],
          page:1,
        }
 
        },
methods:{ // methods包裹函数
      getData(){
                    //开始请求服务器数据开始
                                uni.request({
                                    url:'http://localhost/app/1.asp',
                                    data: {
                                        id1:'2',
                                        id2:'addoil',
                                        page:this.page,
                                        },
                    method: 'post',
                                        header: {
                                               'content-type': 'application/x-www-form-urlencoded',
                                              },
                                        success: (res) => {
                                            
             
        this.a2={...this.a2,...res.data},
        this.a2=this.a2.reverse()

                    
                                        }
                                })
                                
                                //开始请求服务器数据结束
                },
// 触底的事件
onReachBottom() {
    console.log('到底了')
    this.page ++  // 让页码值自增 +1

 this.getData() //调用加载数据方法


  //this.queryObj.pagenum += 1

},
// 监听页面加载
        onShow: function() {
        
                this.getData() //调用加载数据方法
        },
        //下拉刷新
        onPullDownRefresh() {
            console.log('下拉了'),
            this.a2=[],
            this.page=1,
                this.getData() //调用加载数据方法
            }
}    
    }
    
</script>



  • 写回答

4条回答 默认 最新

  • WEBYANGxw 2023-01-31 08:46
    关注

    _this.a2.reverse is not a function 以后这种错误你只需要去排查 this.a2 . 因为他没有 reverse 这个方法。。。 看看this.a2 数据什么样子 是不是 数组。
    然后我看你代码 this.a2={...this.a2,...res.data}, 这里已经是错误的 ,建议你去学习一下解构。 this.a2=[...this.a2,...res.data], 这样写才对。然后要注意 res.data是不是数组

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 2月8日
  • 已采纳回答 1月31日
  • 创建了问题 1月31日

悬赏问题

  • ¥15 workstation加载centos进入emergency模式,查看日志报警如图,没有XFS,怎样解决呢?
  • ¥20 求各位解释一道区间DP
  • ¥15 应用商店如何检测在架应用内容是否违规?
  • ¥15 Ubuntu系统配置PX4
  • ¥50 nw.js调用activex
  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题
  • ¥15 MAC虚拟机(win11)USB插上后无串口com,无法烧录
  • ¥15 代码问题:df = pd.read_excel('c:\User\18343\Desktop\wpsdata.xlxs')路径读不到