我想知道如何將組件添加為插槽內容。而不是這樣做：
<template v-slot:content>CONTENT HERE</template>
我想傳遞一個組件。
PkDynModalCenter：
<div >
<div id="modalIndicator" >
<slot name="content"></slot>
</div>
</div>
家長：
<PkDynModalCenter v-if="togglePayment" @closeModal="togglePayment = false">
<PaymentTemplate :info="voucherInfo" name="content"></PaymentTemplate>
</PkDynModalCenter>
但是它沒有顯示。那里的檔案非常模糊......
uj5u.com熱心網友回復：
查看命名插槽的檔案：https ://vuejs.org/guide/components/slots.html
您只能將父代碼與默認插槽一起使用，因此您的 PkDynModalCenter 應如下所示：
<div >
<div id="modalIndicator" >
<slot></slot> <!-- no name → default slot -->
</div>
</div>
使用您當前的模態代碼，您只能像在第一個代碼片段中那樣呼叫它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/534786.html
標籤：vue.js