vuetify datatable v-select laravel

Question

我们有一个来自laravel后端的数据表。我们需要每月对数据进行排序。在Laravel网站上，我们有：

$per_page = $request->per_page;//? $request->per_page : 10;
$sortBy = $request->sort_by;
$orderBy = $request->order_by;
$month = $request->month;
return response()->json(['o2attendances' => O2attendance::whereMonth('date' , $month)->whereYear('date' , Carbon::today()->year)->orderBy($sortBy, $orderBy)->paginate($per_page)], 200);

在Vuejs上，我们有：

<v-select
:items="mesiace"
item-text="text"
item-value="value"
hide-details
height="20"
@change="sortValue"
filter
></v-select>
mesiace: [
{ text: "januar", value: "01" },
{ text: "februar", value: "02" },
{ text: "marec", value: "03" },
{ text: "april", value: "04" },
{ text: "maj", value: "05" },
{ text: "jun", value: "06" },
{ text: "jul", value: "07" },
{ text: "august", value: "08" },
{ text: "september", value: "09" },
{ text: "oktober", value: "10" },
{ text: "november", value: "11" },
{ text: "december", value: "12" }
],
methods:
sortValue() {
const sortBy =
this.options.sortBy.length == 0 ? "date" : this.options.sortBy[0];
const orderBy =
this.options.sortDesc.length > 0 && this.options.sortDesc[0]
? "asc"
: "desc";
axios
.get(`https://api/api/v1/o2attendances/all`, {
params: {
sort_by: sortBy,
order_by: orderBy,
month: this.mesiace.value
}
})
.then(response => {
this.o2attendances = response.data.o2attendances;
});
},

当我们在sortValue month:"04"或"05"中更改时，它起作用，但this.mesiace.value不起作用。

Answer 1

这是有效的：

<v-select
:items="mesiace"
v-model="mesiac"
item-text="text"
item-value="value"
hide-details
height="20"
@change="sortValue"
filter
></v-select>

增加了v型

mesiac: null,

和

methods:
sortValue() {
const sortBy =
this.options.sortBy.length == 0 ? "date" : this.options.sortBy[0];
const orderBy =
this.options.sortDesc.length > 0 && this.options.sortDesc[0]
? "asc"
: "desc";
axios
.get(`https://api/api/v1/o2attendances/all`, {
params: {
sort_by: sortBy,
order_by: orderBy,
month: this.mesiac
}
})
.then(response => {
this.o2attendances = response.data.o2attendances;
});
},