在Laravel惯性Vue中初始化服务器端多列排序

php artisan make:model Item

public function scopeOrderByColumns($query, $column1, $column2)
{
    return $query->orderBy($column1)->orderBy($column2);
}

use App\Models\Item;

public function index()
{
    $items = Item::orderByColumns('column1', 'column2')->get();
    return response()->json($items);
}

import axios from 'axios';

export default {
    data() {
        return {
            items: []
        };
    },
    created() {
        axios.get('/items')
            .then(response => {
                this.items = response.data;
            })
            .catch(error => {
                console.log(error);
            });
    }
}

<template>
    <div>
        <ul>
            <li v-for="item in items" :key="item.id">
                {{ item.name }}
            </li>
        </ul>
    </div>
</template>