Laravel 5.3 Vue 2.0获取数据库数据到Vue

我不确定我是否感到困惑，是否应该离开从控制器数据库获取数据并处理vue数据的工作？或者这是最佳做法还是什么？Laravel 5.3 Vue 2.0获取数据库数据到Vue

这里我试图从我的子类别表中获取子卡，而不是devtool上的错误，但是没有设置subcats。请帮忙或随意提出一个更好的做法。谢谢！

项目排序，list.vue

<template> 
    <div> 
    <div v-show="isActive"> 
     <li v-for="subcat in subcats" class="list-group-item"> 
     <a name="" href="">{{subcategory.name}}</a> 
     </li> 
    </div> 
    </div> 
</template> 


<script> 
    export default { 
    props:[ 
    ], 
    data(){ 
     return { 
     subcats:[] 
     } 
    }, 
    mounted() { 
     this.getAllSubcat() 
    }, 
    methods: { 
     getAllSubcat(){ 
     var vm = this; 
     vm.$http.get('/getSubcat').then((response)=>{ 
      vm.subcats = response.data.data.subcat.data; 
     }); 
     } 
    } 
    } 
</script>

SubcategoryController.php

<?php 

namespace App\Http\Controllers; 

use Illuminate\Http\Request; 
use App\Subcategory; 

class SubcategoryController extends Controller 
{ 
    public function getSubcat() 
    { 
     $subcat = Subcategory::Orderby('name')->get(); 
     $response = [ 
      'data' => [ 
       'subcat' => $subcat 
      ] 
     ]; 
     return response()->json($response); 
    } 
}

web.php

Route::get('/getSubcat', '[email protected]');

来源

2016-12-05 warmjaijai

你确定'response.data.data.subcat.data'有你想要的数据吗？ – Saurabh

@saurabh感谢您的回复。我曾使用response.data.data.item.data成功从控制器获取数据，该控制器仅以不同的方式调用数据库，其中包含$ items = App \ Product :: where（'something'，someValue） - > latest（） - >分页，但我不知道有什么不同，因为get（）给我一个数组对象的权利？ – warmjaijai

感谢@saurabh，我仔细检查和response.data.data.subcat应正确的呼叫。 paginate不会读取数据。

来源

2016-12-06 04:31:14 warmjaijai

Laravel 5.3 Vue 2.0获取数据库数据到Vue

回答

相关问题