如何将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>