我遇到的问题是在这行代码中：
// Item's inventory state: in stock || order
console.log(container);
if (item.numLeft <= 100) container.classList.add('bg-order');
如果某些模板容器低于某个值，我正在尝试将它们呈现为红色，.numLeft,但是一旦发现第一个item.numLeft低于阈值 (100)，以下所有容器都是红色的。我不确定我是否不理解模板是如何工作的，或者我在迭代项目时做错了什么。
正在渲染的元素是最后一个的克隆。因此，您必须在类大于 100 的情况下删除该类，这可以通过添加 else 语句来完成：
// Item's inventory state: in stock || order
console.log(container);
if (item.numLeft <= 100) {
container.classList.add('bg-order');
} else {
container.classList.remove('bg-order');
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句