vant/packages/sku/components/SkuActions.vue
2017-12-05 14:36:22 +08:00

37 lines
719 B
Vue

<template>
<div class="van-sku-actions">
<van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">加入购物车</van-button>
<van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText }}</van-button>
</div>
</template>
<script>
import Button from '../../button';
export default {
name: 'van-sku-actions',
components: {
[Button.name]: Button
},
props: {
skuEventBus: Object,
showAddCartBtn: Boolean,
buyText: {
type: String,
default: '立即购买'
}
},
methods: {
onAddCartClicked() {
this.skuEventBus.$emit('sku:addCart');
},
onBuyClicked() {
this.skuEventBus.$emit('sku:buy');
}
}
};
</script>