如何在router-link中使用變量？

Question

如何在router-link中使用變量？

<Col
  span="8"
  v-for="(item,index) in this.data"
  >
    <router-link to='/home/workpanel/true/ + item.name'>

在那里它不能將item.name轉換為值，它只是字符串：

'/home/workpanel/true/ + item.name'

如何在router-link的to使用變量？ 如果單擊鏈接，瀏覽器將顯示：

http://localhost:8080/home/workpanel/true/%20+%20item.name

Answer 1

只需在屬性前添加: to 。 這樣，您可以使用javascript語法。

<router-link :to="'/home/workpanel/true/' + item.name">