How to pass vue.js value as parameter for route in blade

Question

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

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

If I passed the data from the Laravel controller to the view value, I would pass it as follows:

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

But mine idis the meaning 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>

What is the right way to do this?

Answer 1

You can simply use v-bind to do this, for example:

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