使用 nuxt-link 在链接中传递 id 号

Question

我正在使用 nuxt.js 进行小项目，我想创建一个指向我使用的产品 varints 的链接，但我<nuxt-link to=""> 不知道如何传递从我尝试使用的数据库中获取的产品的 ID，但我得到一个错误。

我该怎么办 ？这是我的代码：

<tr v-for="product in variables.laravelData.data" :key="product.id">
              <td>
                <input type="checkbox" name="">
              </td>
              <td><img src="images/ui/thumb.jpg" width="38" height="38" alt=""></td>
              <td>
                <nuxt-link to="/products/variants/{{product.id}}">
                  {{ product.product_name }}
                </nuxt-link>
              </td>
</tr>

Answer 1

您应该绑定to指令以使用 编写动态 id template strings，如下所示：

<nuxt-link :to="`/products/variants/${product.id}`">