2.0.3 • Published 3 years ago
@fiteo/product-seed-carousel-vue2 v2.0.3
@fiteo/product-seed-carousel-vue2
Product Seed Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/
Scripts
npm i @fiteo/product-seed-carousel-vue2PropTypes
| Properties | Type | Default | Description |
|---|---|---|---|
| productId: (required) | String | "123456" | Get the outfit list by product id. |
| privateKey: (required) | String | "123456ABCDEF" | The key to use this component. |
| title: (optional) | String | "outfits our community love" | Set the title component . |
| onClickProduct: (optional) | Function | callbackFunction(productId) | Callback Function trigger when click on the product with parameter is: productId. |
| onLikeProduct: (optional) | Function | callbackFunction(productId) | Callback Function trigger when like the product with parameter is: productId. |
| onDetailOutfit: (optional) | Function | callbackFunction(productId) | Callback Function trigger when click on View Outfit link with parameter is: storyId. |
Usage
<template>
<product-seed-carousel
productId="123456"
privateKey="123456ABCDEF"
title= "outfits our community love"
:onClickProduct="handleClickProduct"
:onLikeProduct="handleLikeProduct"
:onDetailOutfit="handleDetailOutfit"
/>
</template>
<script>
import ProductSeedCarousel from "@fiteo/product-seed-carousel-vue2"
export default {
components: { OutfitCarousel }
methods: {
handleClickProduct(productId) {
console.log("...productId handleClickProduct", productId)
},
handleLikeProduct(productId) {
console.log("...productId handleLikeProduct", productId)
},
handleDetailOutfit(storyId) {
console.log("...storyId handleDetailOutfit", storyId)
},
},
}
</script>