如何在路由器链接中使用变量？

【问题标题】：How can I use the variable in router-link?如何在路由器链接中使用变量？
【发布时间】：2018-08-09 13:15:12
【问题描述】：

如何使用 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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

你能告诉我添加:会有什么功能吗？
这只是v-bind:to 的简写。每次您想使用 javascript 表达式（这包括 vue 数据、方法、计算属性等）作为属性的值时，都必须使用它。没有它，该值将作为纯文本处理。 v1.vuejs.org/guide/syntax.html