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

Question

我在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>

这是正确的方法吗？

Answer 1

您可以使用v-bind进行此操作，如下所示：

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