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

Question

I have a route in Laravel that requires an id as a parameter.

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

If I had passed the data from the Laravel controller to the view value I would pass it like this:

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

But my id is a vue value:

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

Which is the correct way to do this?

Answer 1

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

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