Javascript 购物车阵列未正确更新

我有一个属性为items[]的购物车对象，希望在用户添加产品按钮并单击查看购物车时更新用户界面。当打开一个包含购物车中所有产品的div时。items[]

我用一些产品启动了items[]，当我点击查看购物车时，我看到了这些产品； 但是，如果项目[]为空，我单击“将产品添加到购物车”链接并单击“查看购物车”，我将一无所获

我的问题是产品已添加，但ui未更新。我怎样才能修好它

Cart.viewCartItems=函数（）{
var items=Cart.items；//JSON.parse（window.localStorage.getItem（“Cart”））；
const cart=document.querySelector（“.cart视图”）；
如果（items.length==0）{
cart.innerHTML=“您的车是空的”；
}否则{
cart.innerHTML=cart.items；
}
};

是否每次查看UI时都会调用

购物车.viewCartItems

？欢迎使用SO！当你提出一个问题时，试着添加一个最小的内容：输入样本、预期输出样本、你尝试了什么、研究以及你在哪里。你试了什么？