Question

我有一个概述部分，当单击我的详细信息按钮以查看概述中的某个项目时，我想在另一个页面上显示该项目中的数据库项目。

如何从路线中获取ID以便在Vue中对该ID进行获取请求？

概述组件

<a class="button float-right" @click="getAccount(account.id)"/>

// in my methods

getAccount(id) {
  window.location.href = '/accounts/' + id;
}

我的幼虫路线

Route::get('/accounts/{account}', 'PageController@details')->name('details.index');

我知道我可以为此使用路由模型绑定，但希望将其保留在vue组件中

控制器

public function details() 
{
   return view('layouts.details');
}

详细信息组件

export default {
    data() {
        return{
            account : {
                title: null,
                information: null,
                cb: null,
                qp: null,
                price: null,
                skills: [],
            }
        }
    },
    created() {
        this.fetchAccount();
    },
    methods: {
        fetchAccount() {
            // make axios request to the id to get account information
        }
    }
}

我也不知道最好的方法是什么。我是否应该为此页面使用laravel网络路线？（如果没有，我仍然需要继承layouts.app文件，不确定在不使用路由的情况下怎么做）

有什么提示吗？

如何使用带有Laravel路线的Vue从路线获取ID

0 个答案: