数组问题中的Laravel vue数组

Posted

技术标签:

【中文标题】数组问题中的Laravel vue数组【英文标题】:Laravel vue array in array issue 【发布时间】:2019-02-12 07:36:46 【问题描述】:

我正在尝试从 2 个数据库表中获取数据并在我的组件中的 1 个表体中返回所有数据。

代码

controller

public function show($id)
    
        $history = Payment::where('account_id', $id)->with('account')->orderby('id', 'desc')->get();
        $balance = Account::where('id' , $id)->select('balance')->first();
        return response()->json([
            $history,$balance
        ]);
    

component

<table class="table table-bordered table-hover table-striped">
            <thead>
                <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">Date</th>
                    <th class="text-center">Amount</th>
                    <th class="text-center">Note</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="(history,index) in histories" @key="index">
                    <td  class="text-center">index+1</td>
                    <td class="text-center" >
                        history.created_at
                    </td>
                    <td class="text-center" >Rp.  formatPrice(history.balance) </td>
                    <td class="text-center">history.note</td>
                </tr>
            </tbody>
</table>

export default 
        data() 
            return 
                histories : []
            
        ,
        beforeMount()
            let user_id = this.user.id;
            axios.get('/api/account/'+user_id).then(response => this.histories = response.data)
        ,
// rest of it
</script>

在上图中

我从历史数组中的Account 表中获取我的余额,而我从历史数组中的Payment 表中获取历史

我想要的是取出 histories 数组并将其加入 histories 就在有余额数据的地方。 所以以后我可以有类似的东西:

histories: array[3]
0:...
1:...
2:...

我该怎么做?

更新

我在控制器中进行了更改,现在数据结果变成了我想要的(全部在一个数组中),但不知何故它没有返回所有数据。

代码

public function show($id)
    
        // $history = Payment::where('account_id', $id)->with('account')->orderby('id', 'desc')->get();
        // $balance = Account::where('id' , $id)->select('balance')->first();
        $history = DB::table('payments')
        ->where('account_id', $id)
        ->join('accounts', 'accounts.id', '=', 'payments.account_id')
        ->get();
        return response()->json($history, 200);
    

它应该是 3,但它只返回 2。

【问题讨论】:

【参考方案1】:

已解决

我使用了 push 方法,现在它可以按我的意愿工作了。这是有需要的人的最后代码。

public function show($id)
    
        $his = Payment::where('account_id', $id)->with('account')->orderby('id', 'desc')->get();
        $balance = Account::where('id' , $id)->select('balance')->first();
        $history = $his->push($balance);
        return response()->json($history, 200);
    

希望对你有帮助。

【讨论】:

以上是关于数组问题中的Laravel vue数组的主要内容,如果未能解决你的问题,请参考以下文章

如何将数组从 Laravel Blade 传递到 Laravel 6/Vue 2.6 中的 Vue 组件。*

Vue(Laravel 8)无法正确呈现存储在表中的数组

如何获取与 Bllim Datatable 的另一个表相关的行的数组 - Laravel

访问 vue.js 模板中的 php 数组

Vue + Laravel:如果元组数据之一中的表单数组中的数据,如何从api挂载数据

vue.js中条件渲染中的数组子项