简单的问题是,如果没有内容投射到该插槽上,我们有什么方法可以删除该插槽(完全从DOM中删除)?例如,是否有一个设计成这样的自定义元素。
<button class="btn btn-stroke btn-pill">
<slot class="btn__icon" id="icon" name="icon_left"></slot>
<slot class="btn__text"></slot>
<slot name="icon_right" class="btn__icon"></slot>
</button>
我们正在某个地方使用这样的自定义元素
<ust-stroke-btn-pill type="primary">
Primary
</ust-stroke-btn-pill>
不是必须不将slot(icon_left)的DOM元素添加到DOM中吗?但是它添加了DOM元素,这使得样式插槽更加困难。 (就像在第二个插槽中增加了左边距一样,即使没有icon_left-边距仍然存在)。
反正我们有办法解决这个问题吗?