如何在Laravel Inertia Vue 3中显示关系数据?

3htmauhk  于 2022-12-23  发布在  Vue.js
关注(0)|答案(1)|浏览(135)

我是laravel-inertia-vue 3的新手。我在控制器中有以下代码。

$revenue = QueryBuilder::for(DailyRevenue::class)->with('tax')->paginate(50);
    return Inertia::render('DailyRevenue/Index', ['revenue' => $revenue])->table(function (InertiaTable $table) {
        $table->column('id', 'id', searchable: true, sortable: true);
        $table->column('date', 'date', searchable: true, sortable: true);
        $table->column('tax', "tax");
        $table->column('amount', 'amount',  sortable: true);

Tax和DailyRevenue是两个模型,DailyRevenue属于税,我在DailyRevenue模型中有以下代码。

public function tax(){
    return $this->belongsTo(Tax::class);
}

在index.vue文件中,我有以下代码:

<Table :resource="revenue"/>

税务模型中有一个名为tax_name的列,我想在表中显示tax_name,但是无法从控制器中增加列,有没有办法?先谢谢了。

djp7away

djp7away1#

它是如此简单。我发现以下解决方案。它完美地工作。

<Table :resource="revenue">
         <template #cell(tax_name)="{ item: tax }">
                  {{tax.tax.tax_name}}
         </template>
 </Table>

相关问题