Svelte 3에서 조건부 속성을 갖는 방법은 무엇입니까?

Batisteo

다음 확인란 구성 요소를 작성하는 더 간단한 방법이 있습니까?

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

Rixo

disabled || undefined 트릭을 수행하는 것 같습니다.

<label class="checkbox" disabled={disabled || undefined}>
  <input type="checkbox" {disabled} />
  <slot></slot>
</label>

편집 : 그것은이되어 확인 이 완전히 요소에서 제거 atttribute을 가지고 적절한 지원 방법이라고 메인테이너가. undefined또는 null작동해야합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

[disabled] 속성 내에 조건을 갖는 방법은 무엇입니까?

분류에서Dev

Svelte에서 조건부 전환을 정의하는 방법은 무엇입니까?

분류에서Dev

CloudFormation에서 OR로 여러 조건을 갖는 방법은 무엇입니까?

분류에서Dev

모델 속성에서 TextFieldTableCell을 조건부로 만드는 방법은 무엇입니까?

분류에서Dev

angularJS 지시문에서 조건부로 속성을 적용하는 방법은 무엇입니까?

분류에서Dev

Java에서 조건부 입력을 얻는 방법은 무엇입니까?

분류에서Dev

Altair의 속성에 조건부 선택을 사용하는 방법은 무엇입니까?

분류에서Dev

템플릿의 HTML 요소에 조건부 속성을 적용하는 방법은 무엇입니까?

분류에서Dev

조건부로 모든 속성을 읽는 방법은 무엇입니까?

분류에서Dev

Elasticsearch에서 또는 조건을 기반으로 여러 정규식을 갖는 방법은 무엇입니까?

분류에서Dev

Excel에서 조건부 서식의 조건을 자동으로 채우는 방법은 무엇입니까?

분류에서Dev

JSON 스키마에 다른 속성이 있는지 여부에 따라 속성을 조건부로 금지하는 방법은 무엇입니까?

분류에서Dev

Svelte에서 scss를 통해 전역 부트 스트랩을 설정하는 방법은 무엇입니까?

분류에서Dev

이번 달과 같은 속성에 대한 조건부를 만드는 방법은 무엇입니까?

분류에서Dev

Ansible에서 조건부 명령을 작성하는 방법은 무엇입니까?

분류에서Dev

bash 쉘 스크립트에서 조건부 if 문을 작성하는 방법은 무엇입니까?

분류에서Dev

systemd 구성에서 조건부로 다른 파일을 실행하는 방법은 무엇입니까?

분류에서Dev

조건이있는 Rails에서 내부 조인을 구축하는 방법은 무엇입니까?

분류에서Dev

조건에 따라 개체에서 초과 속성을 제거하는 방법은 무엇입니까?

분류에서Dev

AEM에서 HTL을 사용하여 조건부로 데이터 속성을 추가하는 방법은 무엇입니까?

분류에서Dev

YII의 CDbCriteria에서 조인 속성을 얻는 방법은 무엇입니까?

분류에서Dev

SQL에서 다른 조건을 여러 내부 조인과 결합하는 방법은 무엇입니까?

분류에서Dev

BigQuery의 두 테이블에서 조건부 조인을 수행하는 방법은 무엇입니까?

분류에서Dev

Symfony 2 저장소에서 조건부 쿼리 조작을 처리하는 방법은 무엇입니까?

분류에서Dev

다중 테이블에서 SQL 조건부 조인을 수행하는 방법은 무엇입니까?

분류에서Dev

Codeigniter에서 조건부없이 여러 테이블 조인을 선택하는 방법은 무엇입니까?

분류에서Dev

Codeigniter에서 여러 조건부 조인을 할 때 "`"를 피하는 방법은 무엇입니까?

분류에서Dev

Ant 태스크의 if 조건에서 두 가지 속성을 확인하는 방법은 무엇입니까?

분류에서Dev

svelte에서 비동기 함수를 속성에 바인딩하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    [disabled] 속성 내에 조건을 갖는 방법은 무엇입니까?

  2. 2

    Svelte에서 조건부 전환을 정의하는 방법은 무엇입니까?

  3. 3

    CloudFormation에서 OR로 여러 조건을 갖는 방법은 무엇입니까?

  4. 4

    모델 속성에서 TextFieldTableCell을 조건부로 만드는 방법은 무엇입니까?

  5. 5

    angularJS 지시문에서 조건부로 속성을 적용하는 방법은 무엇입니까?

  6. 6

    Java에서 조건부 입력을 얻는 방법은 무엇입니까?

  7. 7

    Altair의 속성에 조건부 선택을 사용하는 방법은 무엇입니까?

  8. 8

    템플릿의 HTML 요소에 조건부 속성을 적용하는 방법은 무엇입니까?

  9. 9

    조건부로 모든 속성을 읽는 방법은 무엇입니까?

  10. 10

    Elasticsearch에서 또는 조건을 기반으로 여러 정규식을 갖는 방법은 무엇입니까?

  11. 11

    Excel에서 조건부 서식의 조건을 자동으로 채우는 방법은 무엇입니까?

  12. 12

    JSON 스키마에 다른 속성이 있는지 여부에 따라 속성을 조건부로 금지하는 방법은 무엇입니까?

  13. 13

    Svelte에서 scss를 통해 전역 부트 스트랩을 설정하는 방법은 무엇입니까?

  14. 14

    이번 달과 같은 속성에 대한 조건부를 만드는 방법은 무엇입니까?

  15. 15

    Ansible에서 조건부 명령을 작성하는 방법은 무엇입니까?

  16. 16

    bash 쉘 스크립트에서 조건부 if 문을 작성하는 방법은 무엇입니까?

  17. 17

    systemd 구성에서 조건부로 다른 파일을 실행하는 방법은 무엇입니까?

  18. 18

    조건이있는 Rails에서 내부 조인을 구축하는 방법은 무엇입니까?

  19. 19

    조건에 따라 개체에서 초과 속성을 제거하는 방법은 무엇입니까?

  20. 20

    AEM에서 HTL을 사용하여 조건부로 데이터 속성을 추가하는 방법은 무엇입니까?

  21. 21

    YII의 CDbCriteria에서 조인 속성을 얻는 방법은 무엇입니까?

  22. 22

    SQL에서 다른 조건을 여러 내부 조인과 결합하는 방법은 무엇입니까?

  23. 23

    BigQuery의 두 테이블에서 조건부 조인을 수행하는 방법은 무엇입니까?

  24. 24

    Symfony 2 저장소에서 조건부 쿼리 조작을 처리하는 방법은 무엇입니까?

  25. 25

    다중 테이블에서 SQL 조건부 조인을 수행하는 방법은 무엇입니까?

  26. 26

    Codeigniter에서 조건부없이 여러 테이블 조인을 선택하는 방법은 무엇입니까?

  27. 27

    Codeigniter에서 여러 조건부 조인을 할 때 "`"를 피하는 방법은 무엇입니까?

  28. 28

    Ant 태스크의 if 조건에서 두 가지 속성을 확인하는 방법은 무엇입니까?

  29. 29

    svelte에서 비동기 함수를 속성에 바인딩하는 방법은 무엇입니까?

뜨겁다태그

보관