在 v-for 中的 v:bind 中使用动态名称

Posted 2023-02-22

【中文标题】在 v-for 中的 v:bind 中使用动态名称

【英文标题】：Using dynamic name in v:bind inside v-for

【发布时间】：2019-08-02 21:02:13

【问题描述】：

所以，基本上，我有 products 数组和 prices 数组，其中有一个 product_id 数组（在那个数组里面我有 price 和 priceAfterDiscount 数据）。问题是我无法使用 v-bind 传递这些数据。 （参见 :price="`prices.product_$product.id.price`"） price.product_8.price 字符串而不是进入数组。

提前致谢。代码如下

<ProductCard v-for="product in products.data"
  :product="product"
  :key="product.id"
  :userСurrency="userСurrency"
  :user-currency-code="userCurrencyCode" 
  :price="`prices.product_$product.id.price`" />   

【参考方案1】：

我有点困惑？ prices 现在是数组还是对象？我会假设对象，因为它的用法。在这种情况下，您可以使用索引运算符来传递一个字符串，如下所示：

<ProductCard v-for="product in products.data"
  :product="product"
  :key="product.id"
  :userСurrency="userСurrency"
  :user-currency-code="userCurrencyCode" 
  :price="prices[`product_$product.id`].price" />