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

Question

<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 中的变量？如果我点击 link，浏览器显示：

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

Answer 1

只需在 to 属性前添加 : 即可。这样你就可以使用 javascript 语法。

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

How can I use the variable in router-link?