局部进行排序

后端：

from rest_framework import viewsets
from rest_framework.filters import OrderingFilter
class 视图名(viewsets.ModelViewSet):
    # 指明操作的查询集
    queryset = 字段名.objects.all()
    # 指明要操做的序列化器
    serializer_class = 序列化器
    #  指明后端过滤方式(排序、迷糊查询、精准查询)
    filter_backends = [OrderingFilter]
    # 指明排序字段，用逗号隔开
    ordering_fields = ["id"]

后端：

在vue中methods中添加升序和降序的按钮
        upprice(){
            # 如果正序则ordering=price
            # 如果倒序则ordering=-price
            Axios.get('路由路径/?ordering=price')
            .then(result=>{
                console.log(result)
                this.lst = result.data
            })
            .catch(err=>{
                console.log(err)
            })
        },