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>


一只萌萌小番薯
浏览 11176回答 1
1回答

天涯尽头无女友

已解决。只要加一个空插槽就行了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript