vue的vant组件库中的slot如何按需使用呢
问题描述
以sku组件为例,有留言部分是项目不需要的。需要去除,官方定义了这部分的slot的name值为sku-messages。如何优雅的隐藏这部分呢,我想只在父元素的<van-sku/>这个标签上修改,不去组件内部改源码可以做到吗?以下是标签。
相关代码
<template>
<div class="sku-container">
<van-sku
v-model="showStepper"
:sku="skuData.sku"
:goods="skuData.goods_info"
:goods-id="skuData.goods_id"
:hide-stock="skuData.sku.hide_stock"
:quota="skuData.quota"
:quota-used="skuData.quota_used"
:custom-stepper-config="customStepperConfig"
:message-config="messageConfig"
@buy-clicked="onBuyClicked"
@add-cart="onAddCartClicked"
/>
<van-button type="primary" @click="showStepper = true" block>123</van-button>
</div>
</template>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
已解决。只要加一个空插槽就行了