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>

阅读 3.3k
1 个回答
✓ 已被采纳新手上路,请多包涵

已解决。只要加一个空插槽就行了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题