Question

我的vue表有问题。从Laravel我得到正确排序的数据（参见Laravel :)中的代码，当传入vue时数据失败顺序（参见Fail_description图像）。我需要通过booking_date将数据升序订购到第一行的新预订。

HTML：

(let ((car-result (profundidad (car L) c)))
  (if (zero? car-result)
      (profundidad (cdr L) c)
      (+ 1 car-result)))

Vue：

var app = new Vue（{

        <div class="row">
            <div class="col-xs-12">

                <div class="table">
                    <v-client-table :data="{{json_encode($orders)}}" :columns="headers" :options="options"></v-client-table>
                </div>

                <div class="spinner" v-if="loading">
                    <!--<div class="spinner" v-if="isSending">-->
                    <loader :loading="loading" :color="color" :size="loaderSize" class="text-center"></loader>
                </div>
            </div>

        </div>
    </div>

Laravel：

        el: '#app',
        data: {
            headers: ['from', 'booking_date', 'service_date',  '_viewmore'],
            options: {
                headings: {
                    _viewmore: 'View more',
                    from: 'Client name',
                },
                filterable: ['from','email','service_date'],
                orderBy: { 'column': 'booking_date'},
                templates: {
                    _viewmore: function (row) {
                        return '<a class="btn btn-primary" href="/bookings/' + row.id + '">View more</a>';
                    }
                }
            }
        },
        computed: {
            _orders: function () {
                if( _.isString(this.orders) ) {
                    try {
                        return JSON.parse(this.orders)
                    }
                    catch(e) {
                        return this.orders
                    }
                }

                return this.orders;
            }
        }

    });

Fail_description

Answer 1

booking_date以字符串形式出现。您需要将其转换为日期，以便按日期正确排序。

vue表顺序失败

1 个答案: