다음 확인란 구성 요소를 작성하는 더 간단한 방법이 있습니까?
<script>
export let disabled = false;
</script>
{#if disabled}
<label class="checkbox" disabled>
<input type="checkbox" {disabled} />
<slot></slot>
</label>
{:else}
<label class="checkbox">
<input type="checkbox" {disabled} />
<slot></slot>
</label>
{/if}
데이 <label disabled="false">
부르마는 CSS 클래스를 가지고 있기 때문에 허용되지 않습니다 .checkbox[disabled]
.
disabled || undefined
트릭을 수행하는 것 같습니다.
<label class="checkbox" disabled={disabled || undefined}>
<input type="checkbox" {disabled} />
<slot></slot>
</label>
편집 : 그것은이되어 확인 이 완전히 요소에서 제거 atttribute을 가지고 적절한 지원 방법이라고 메인테이너가. undefined
또는 null
작동해야합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다