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