如何将变量传递给 vue-router v-link

Question

我有一个 vue 组件来呈现导航列表，并传递导航列表，每个项目都包含标题和链接：

 <template>
  <ul>
    <li v-for="item in list"><a v-link="{{ path: item.link }}"></a></li>
  </ul>
</template>

<script>
  export default {
    props: ['list']
  }
</script>

我尝试将变量 item.link 传递给 v-link 路径，但失败了。

得到这个警告：

 [Vue warn]: v-link="{{ path: item.link }}": attribute interpolation is not allowed in Vue.js directives and special attributes.

如果将变量传递给 v-link 路径我该怎么办？

谢谢阅读 ：）

原文由 luotao 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

v-link 中的语句不需要“Mustache”语法。

 <li v-for="item in list"><a v-link="{ path: item.link }"></a></li>

你可以看到 http://router.vuejs.org/en/index.html

原文由 jilon 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我在 vue-router 2.x 中使用了以下内容：

 <router-link :to="{path: '/applications/' + currentApplicationId}" class="nav-link">Overview</router-link>

可以在 此处 找到更多文档。

原文由 czerasz 发布，翻译遵循 CC BY-SA 3.0 许可协议