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

Question

我正在使用 nuxt.js 开发一个小项目，我想使用 <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

您应该绑定(bind)to指令以使用模板字符串编写动态ID，如下所示:

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