使用laravel vuejs创建选择下拉菜单

Question

我想使用laravel vuejs创建选择下拉列表，因此在控制器中我创建了数据绑定以显示在vue上的视图中>]

public function get_data_dropdown()
{
    $collection = IndukBelanja::get(['kode_rekening','uraian','id']);
    foreach ($collection as $item) {
        $inven[$item->id]  = $item->kode_rekening.'-'.$item->uraian;
    }
    return response()->json($inven ,200);
}
和这条路线

Route::get('get_data_dropdown', 'UserController@get_data_dropdown')->name('get_data_dropdown');
所以在vue视图中我为此绑定创建了这样的选择：

   data(){
        return{
            inven:[],                   
        }
    },

     created(){
            axios.get('/users/get_data_dropdown').then((res)=>{
                this.inven= res.data
                //  console.log(res.data)
                }).catch((err) => {
                console.log(err)
            });

     },
并且在查看表单中，我创建了这样的选择

<select  v-model="inven" id="koderek">
    <option v-for="invent in inven" v-bind:value="invent.id">
        {{invent}}
    </option>
</select>  
但是此选择无法显示任何内容，并且此控制台日志没有错误，有人可以更正我的代码吗？

我想使用laravel vuejs创建select下拉列表，因此在控制器中，我创建了用于数据绑定的视图，以显示在vue上的公共函数get_data_dropdown（）{$ collection = IndukBelanja :: get（[...

Answer 1

您的服务器端代码似乎正在返回JSON对象，而不是数组。有点像