在循环外访问v-for动态创建的元素

Question

我有一个v-for循环，我想在循环外访问动态创建的项目。有可能吗？

{{1}}

Answer 1

您需要从父母那里获得访问权限。您可以将v-for放在模板标签上，然后在那里进行迭代。

<template v-for="item in cart.items">
  <li >
    <h1>{{ item.product.name }}</h1>
  </li>
  <p>{{ item.product.name }}</p>
</template>

这允许您访问每个项目。请参阅：Templates and v-for

Answer 2

  

我想访问所有项目，以便我可以显示数量   他们都是。

这是一个数据操作，而不是DOM操作。您无法从DOM获取数据。它在您的viewmodel中。正如您所知（并在评论中注明），您可以制作computed。