vue.js - 如何在 nuxt 链接中使用 v-for 值？

Question

我有一个循环，它循环遍历包含带有链接的文本的关联数组

links: {'Amount' : '/about', 'Contact' : '/contact'}

如何在 nuxt-link 中使用 for 循环中的值？那么要=“值”？

  <ul class="link">
      <li v-for="(link, text) in links" :key="text" :value="link">
          <nuxt-link to=link>{{key}}</nuxt-link>
      </li>
  </ul>

Answer 1

您的代码几乎是正确的。为了使用 JavaScript 对象，您只需使用模型绑定(bind)，如下所示。

  <ul class="link">
      <li v-for="(link, text) in links" :key="text" :value="link">
          <nuxt-link :to="link">{{key}}</nuxt-link>
      </li>
  </ul>

请注意:to="link"。