如何在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的{​​{1}}中使用变量？ 如果单击链接，浏览器将显示：

to

Answer 1

只需在:属性之前添加to。通过这种方式，您可以使用javascript语法。

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