uniapp 排序报错

Question

我想把 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>

Answer 1

_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是不是数组