时间戳

首页 > 解决方案 > vue中无法显示数据

javascript - vue中无法显示数据

问题描述

我正在将此数据发送到视图中写入但未显示的视图部分，你认为呢？

$itemsCount = DB::table('items')
    ->groupBy('level_id')
    ->selectRaw('level_id, count(*) as type');

$ItemsMdCount = DB::table('items')
    ->groupBy('project_model_id')
    ->selectRaw('project_model_id, count(*) as type');

return view('project.view',  compact('users', 'itemsCount', 'itemsMdCount'));

在 vue 中我做显示{{ itemsCount }}

如何将数据发送到 Vue.js 并显示？

我尝试了 AJAX 请求，但我不知道如何正确使用 axios。我没有使用太多 vue，我仍然有顾虑，如果你能给我一个提示，我如何使用第一个选项显示会非常酷。

Route::get('/get-items-count-id/{modelId}', 'Ajax\AjaxController\getIemsCount')->name('getItemsCount');
Route::get('/get-items-md-count/{modelId}', 'Ajax\AjaxController\getItemsMdCount')->name('getItemsMdCount');

public function getItemsCount($modelId) 
{
    $itemsCount = Item::where('project_model_id', $modelId)
        ->groupBy('level_id')
        ->selectRaw('level_id, count(*) as type')->get();

    return $this->successResponse($itemsCount);
}
    
public function getItemsMdCount($modelId) 
{
    $itemsMdCount = Item::where('project_model_id', $modelId)
        ->groupBy('project_model_id')
        ->selectRaw('project_model_id, count(*) as type')->get(); 
 
    return $this->successResponse($itemsMdCount);                
}

标签： javascriptphplaravelvue.js

解决方案

itemsMdCount:[], 

getItemsCount() 
      {
        window.axios.get(`/get-items-md-count/${this.model.id}`).then(response({
          this:itemsMdCount = response.data.itemsMdCount
        }));
  },

推荐阅读