鍍金池/ 問答/C++  HTML/ vue的vant組件庫中的slot如何按需使用呢

vue的vant組件庫中的slot如何按需使用呢

問題描述

以sku組件為例,有留言部分是項目不需要的。需要去除,官方定義了這部分的slot的name值為sku-messages。如何優(yōu)雅的隱藏這部分呢,我想只在父元素的<van-sku/>這個標簽上修改,不去組件內(nèi)部改源碼可以做到嗎?以下是標簽。

相關代碼

<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>

回答
編輯回答
寫榮

已解決。只要加一個空插槽就行了

2017年6月17日 04:26