Vue.js 使用laravel vuejs创建选择下拉列表

Vue.js 使用laravel vuejs创建选择下拉列表,vue.js,dropdown,Vue.js,Dropdown,我想使用laravel vuejs创建选择下拉列表,所以在控制器中,我创建数据绑定以显示在vue上的视图中 公共函数获取数据下拉列表() { $collection=IndukBelanja::get(['kode_rekening','uraian','id']); foreach($项目的收款){ $inven[$item->id]=$item->kode_rekening.-'.$item->Urian; } return response()->json($inven,200); }

我想使用laravel vuejs创建选择下拉列表,所以在控制器中,我创建数据绑定以显示在vue上的视图中

公共函数获取数据下拉列表()
{
$collection=IndukBelanja::get(['kode_rekening','uraian','id']);
foreach($项目的收款){
$inven[$item->id]=$item->kode_rekening.-'.$item->Urian;
}
return response()->json($inven,200);
}
这条路呢

Route::get('get_data_dropdown','UserController@get_data_dropdown')->name('get_data_dropdown');
因此,在我为此绑定创建的vue视图上,选择如下:

data(){
返回{
inven:[],
}
},
创建(){
获取('/users/get_data_dropdown')。然后((res)=>{
this.inven=res.data
//console.log(res.data)
}).catch((错误)=>{
console.log(错误)
});
},
在视图窗体上,我创建如下选择


{{invent}}

但是这个select不能显示任何内容,而且这个控制台日志没有错误,有人可以更正我的代码吗?

您的服务器端代码似乎返回的是JSON对象,而不是数组。差不多

{
“项目ID”:“kode_rekening-Urian”,
//等
}
要在Vue中使用此属性,请首先声明
inven
属性以匹配对象数据类型

数据:()=>({
因文:{}
})
然后在模板中


{{invent}}

请参见

您的服务器端代码似乎返回的是JSON对象,而不是数组。差不多

{
“项目ID”:“kode_rekening-Urian”,
//等
}
要在Vue中使用此属性,请首先声明
inven
属性以匹配对象数据类型

数据:()=>({
因文:{}
})
然后在模板中


{{invent}}