如何在nopCommerce中获取当前选中属性组合的SKU值？

方法一：监听DOM元素变化提取SKU #

nopCommerce在属性选择后，会更新页面上的SKU显示元素（默认是带sku-value类的标签），你可以通过监听该元素的内容变化来获取最新SKU：

const skuElement = document.querySelector('.sku-value');
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.type === 'childList') {
      const currentSku = skuElement.textContent.trim();
      // 此处可对获取到的SKU做后续处理
      console.log(currentSku);
    }
  });
});
observer.observe(skuElement, { childList: true });

方法二：重写内部JS方法暴露SKU #

你提到的_ProductAttributes.cshtml中，updateProductDetails方法负责更新SKU等产品信息。可以重写这个方法，在原逻辑执行后将SKU暴露到全局：

// 保存原方法引用
const originalUpdate = window.updateProductDetails;
// 重写方法
window.updateProductDetails = function (productDetails) {
  originalUpdate(productDetails);
  // 将SKU存入全局变量
  window.currentSelectedSku = productDetails.sku;
  // 触发自定义事件，供外部监听
  document.dispatchEvent(new CustomEvent('skuUpdated', { detail: productDetails.sku }));
};

之后可通过两种方式获取SKU：

• 直接读取全局变量：window.currentSelectedSku
• 监听自定义事件：

document.addEventListener('skuUpdated', (e) => {
  console.log('当前选中SKU：', e.detail);
});

方法三：通过属性组合匹配SKU #

如果getProductAttributeSelected()方法在全局可访问，可调用它获取选中的属性组合，再结合产品的SKU映射数据匹配：

// 获取当前选中的属性集合
const selectedAttrs = window.getProductAttributeSelected();
// 生成属性组合标识（需与后端返回的SKU映射结构一致）
const attrKey = Object.values(selectedAttrs).map(item => item.id).join('-');
// 假设skuMap是提前获取的产品SKU与属性组合的映射表
const currentSku = skuMap[attrKey];

内容的提问来源于stack exchange，提问作者Erik Oberta