Question

我是一名新的AEM学习者，我在here发现了We.Retail示例的源代码。这是product.html

来源的一部分

<div class="we-Product cq-dd-product-data-reference"
 data-sly-use.productModel="we.retail.core.model.ProductModel"
 data-sly-use.hapiProduct="${'org.apache.sling.hapi.sightly.HApiUse' @ type='/apps/public/weretail/hapi_types/product'}"
 data-sly-attribute="${hapiProduct.itemtype}">

<div data-sly-test="${wcmmode.edit && !model.hasVariants}" class="cq-placeholder"
     data-emptytext="Product Component"></div>

<we-product-variant
    data-sly-repeat.productItem="${productModel.productItem.variants}"
    is-base="${productItemList.first ? 1 : 0}"
    path="${productItem.path}"
    page-path="${productItem.pagePath}"
    variants="${productItem.variants}"
    sku="${productItem.sku}"
    title="${productItem.title}"
    description="${productItem.description}"
    price="${productItem.price}"
    summary="${productItem.summary}"
    features="${productItem.features}"
    image="${productItem.imageUrl}"
    thumbnail="${productItem.thumbnailUrl}"
    variant-axes="${productItem.variantAxesMapJson}"></we-product-variant>
    ....
</div>

我无法找到自定义标记的实现＆lt; we-product-variant＆gt;，所以我无法理解这个标签用于什么？所以请帮助指出我！

//对不起，我不擅长英语。

Answer 1

以下是支持该标记的Vue组件的实现 - https://github.com/Adobe-Marketing-Cloud/aem-sample-we-retail/blob/master/ui.apps/src/main/content/jcr_root/apps/weretail/components/structure/product/clientlibs/js/product.js

AEM We.Retail源代码中标记<we-product-variant>的实现在哪里？

1 个答案: