购物车阵列未正确更新

Question

我有一个带有属性items []的购物车对象，并且想在用户添加产品按钮并单击查看购物车时更新ui，打开一个div，其中的所有产品都在cart.items []中。

我以一些产品开始了items []，当我单击查看购物车时，我看到了产品； 但是，如果items []为空，然后单击“将产品添加到购物车”链接，然后单击“查看购物车”，我什么也没得到；

我的问题是产品已添加，但用户界面未更新。我该如何解决？

Cart.viewCartItems = function() {
  var items = Cart.items; //JSON.parse(window.localStorage.getItem("cart"));
  const cart = document.querySelector(".cart-view");

  if (items.length === 0) {
    cart.innerHTML = "<h2> Your car is empty</h2>";
  } else {

    cart.innerHTML = Cart.items;
  }
};