Question

我正在尝试创建一个购物车，我有一个列出我所有项目的组件。当我选择＆＃39;添加到购物车＆＃39;按钮，它将一个项目添加到我在同一组件中显示的虚拟购物车。我想知道如何让我的真实购物车可以访问App.vue的数组？

这是项目类：

    <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
          <span class="glyphicon glyphicon-shopping-cart"></span> 0 - Items<span class="caret"></span></a>
        <ul class="dropdown-menu dropdown-cart" role="menu">
          <li> {{ cart }} </li>
        </ul>
      </li>
    </ul>

我得到{{cart}}数组，以显示我选择购物车的任何选项。我想在App.vue中做同样的事情，所以基本上有相同的购物车，但在不同的组件中，addToCart的功能将与App.vue保持分开

谢谢。

Answer 1

如果所有项目的列表都位于您的App组件内 - 您可以使用子项 - ＆gt;通过事件（from operator import itemgetter sorted_d = sorted(d.items(), key=itemgetter(1))和OrderedDict）进行家长沟通。

查看此文档：https://vuejs.org/v2/guide/components.html#Custom-Events

从一个组件访问另一个Vuejs的数组元素

1 个答案: