vue的vant组件库中的slot如何按需使用呢

发布于 2022-09-07 21:58:13 字数 765 浏览 12 评论 0

问题描述

以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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

滥情稳全场 2022-09-14 21:58:13

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文