（有角的）自定义元素如何分辨是否使用 ]]

Question

我有这个自定义元素，并带有几个命名的插槽。根据某些状态，显示其中一个插槽。因此，假设自定义元素看起来像

<slot></slot>
<slot name="small"></slot>
<slot name="medium"></slot>
<slot name="large"></slot>
因此，此组件的用法如下

<p>default</p>
<div slot="small"><p>small</p></div>
<div slot="medium"><p>medium</p></div>
<div slot="large"><p>large</p></div>
基本上，如果自定义元素的状态为medium，它将显示medium插槽。但是，如果未使用/定义中型插槽，则应显示默认插槽。是否可能发生这种情况，如何检测是否使用了插槽？

我有这个自定义元素，并带有几个命名的插槽。根据某些状态，显示其中一个插槽。因此，假设自定义元素看起来像

Answer 1

事实是，您可以检查插槽中是否包含元素。刚做