如何将 vue.js 值作为参数传递给刀片中的路由

Posted 2023-02-22

【中文标题】如何将 vue.js 值作为参数传递给刀片中的路由

【英文标题】：How to pass a vue.js value as a parameter to a route in blade

【发布时间】：2017-04-01 23:41:18

【问题描述】：

我在 Laravel 中有一条需要 id 作为参数的路由。

Route::get('/example/id', ExampleController@index)

如果我将数据从 Laravel 控制器传递到视图值，我会像这样传递它：

<a href="/example/id" class="button success">Click</a>

但我的id 是vue 值：

<tr v-for="item in items">
            <td>@ item.id </td>
            <td>@ item.name </td>
            <td>@ item.number </td>
            <td>@ item.address</td>
            <td v-if="item.status==0"><a href="/example/@item.id" class="button success">Click</a></td>
        </tr>

正确的方法是什么？

【参考方案1】：

您可以为此使用v-bind，如下所示：

<a :href="'/example/' + item.id" class="button success">Click</a>

【讨论】：

@PhillisPeters 已更新。