Laravel Vue массив в вопросе массива

Question

Я пытаюсь получить данные из 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 width="50" class="text-center">{{index+1}}</td>
                    <td class="text-center" width="100">
                        {{history.created_at}}
                    </td>
                    <td class="text-center" width="300">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: 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.

Answer 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);
    }

Надеюсь, это поможет.