15

nav リストをレンダリングするための vue コンポーネントがあり、nav リストを渡します。各項目にはタイトルとリンクが含まれています。

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

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

v-link パスに変数item.linkを渡そうとしましたが、失敗しました。

この警告を取得します：

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

変数を v-link パスに渡す場合はどうすればよいですか?

読んでくれてありがとう ：）

4

3 に答える 3

10

v-link のステートメントには、「Mustache」構文は必要ありません。

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

http://router.vuejs.org/en/index.htmlを見ることができます

于 2016-09-06T09:36:36.883 に答える