Svelte 스크립트 버그 : 스위치 요소 클릭 이벤트가 발생하지 않습니다.

라즈 반 잠 피르

저는 Svelte를 처음 접했고 쉽게 할 수 있어야한다고 생각하는 일이 있지만 문제가 생깁니다. 작은 Svelte 앱에는 다음 HTML이 있습니다.

<div class="mt-5 mb-6">
   <Switch on:click={toggle} /> <span>{stat}</span>
</div>

스위치의 "상태"에 따라 범위 요소에 "켜기"또는 "끄기"를 표시해야합니다. 이를 위해 다음이 있습니다.

import Switch from './Switch.svelte';
let stat = 'off';
let status = false;

function toggle () {
 status = !status;
     stat = status ? "on" : "off";
}

여기에서 REPL을 참조 하십시오 .

콘솔에 오류가 없더라도 이해할 수없는 이유로 범위는 항상 "Off"로 표시됩니다. 왜?

Gh05d

당신은 그것을 너무 복잡하게 만들고 있습니다. 기본 구성 요소의 확인 된 값에 쉽게 바인딩 할 수 있습니다.

<script>
    import Switch from './Switch.svelte';
    let status;
    
</script>

<div>
    <Switch bind:checked={status} /> <span>{status ? "on" : "off"}</span>
</div>

이전에는 구성 요소에없는 클릭 이벤트 를 수신하려고 Switch했기 때문에 작동하지 않았습니다. 하지만 체크 박스이므로 체크 속성이 있습니다. 여기에서 자세한 정보를 찾으 십시오 .

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

간단한 자바 스크립트 버튼 클릭 이벤트가 실행되지 않습니다.

분류에서Dev

Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

분류에서Dev

Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

분류에서Dev

C # 버튼 클릭 이벤트가 발생하지 않습니다.

분류에서Dev

그리드 템플릿으로 Windows 스토어 앱 버튼 클릭 이벤트가 발생하지 않음

분류에서Dev

customElenent : true가있는 스크립트 태그 내에서 Svelte.js 구성 요소 속성이 정의되지 않았습니다.

분류에서Dev

하위 요소 클릭시 상위의 클릭 이벤트 발생 방지

분류에서Dev

자바 스크립트 클릭 이벤트가 스타일을 변경하지 않습니다.

분류에서Dev

OKCallback / 클릭 이벤트가 부트 스트랩 대화 상자에서 발생하지 않습니다.

분류에서Dev

CKEditor의 클릭 이벤트가 발생하지 않습니다.

분류에서Dev

div onclick에서 자바 스크립트 클릭 이벤트가 작동하지 않습니다.

분류에서Dev

요소의 최상위 클래스에 연결될 때 백본보기 이벤트가 발생하지 않습니다.

분류에서Dev

버튼에 추가 된 프로토 타입 자바 스크립트 눈에 띄지 않는 클릭 이벤트

분류에서Dev

비활성화 된 선택 요소를 클릭해도 상위 요소에 대한 클릭 또는 mousedown 이벤트가 트리거되지 않습니다.

분류에서Dev

Angular에서 부모 요소에 클릭 이벤트가있을 때 자식 변경 이벤트가 발생하지 않습니다.

분류에서Dev

자바 스크립트의 클릭 이벤트가 트리거되지 않음

분류에서Dev

PHP 스크립트에서 반환 된 <ul>에 JQuery 클릭 이벤트가 등록되지 않습니다.

분류에서Dev

버튼 클릭 이벤트가 오른쪽 요소를 캡처하지 않음

분류에서Dev

버튼 클릭 자바 스크립트에서 두 가지 작업이 발생합니다.

분류에서Dev

html 옵션 태그를 클릭하면 맞춤 자바 스크립트가 트리거되지 않습니다.

분류에서Dev

자바 스크립트 드래그 오버 이벤트가 작동하지 않습니다.

분류에서Dev

Asp 버튼 클릭과 마찬가지로 div 태그 클릭시 포스트 백 이벤트 발생

분류에서Dev

자바 스크립트 클릭 변경 하위 div 요소

분류에서Dev

ajax가 포함 된 자바 스크립트 함수는 제출 후 작동하지 않지만 버튼 클릭 이벤트와 함께 작동합니다.

분류에서Dev

JS 스크롤 이벤트가 발생하지 않습니다.

분류에서Dev

JS 스크롤 이벤트가 발생하지 않습니다.

분류에서Dev

하위 구성 요소에서 클릭 이벤트 발생

분류에서Dev

DOM 요소를 조작하기위한 자바 스크립트에서 첫 번째 클릭이 작동하지 않습니다.

분류에서Dev

버튼을 계속 클릭하여 자바 스크립트에서 다음 요소를 표시하는 방법

Related 관련 기사

  1. 1

    간단한 자바 스크립트 버튼 클릭 이벤트가 실행되지 않습니다.

  2. 2

    Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

  3. 3

    Greasemonkey 스크립트의 jQuery – Firefox에서 클릭 이벤트가 발생하지 않습니까?

  4. 4

    C # 버튼 클릭 이벤트가 발생하지 않습니다.

  5. 5

    그리드 템플릿으로 Windows 스토어 앱 버튼 클릭 이벤트가 발생하지 않음

  6. 6

    customElenent : true가있는 스크립트 태그 내에서 Svelte.js 구성 요소 속성이 정의되지 않았습니다.

  7. 7

    하위 요소 클릭시 상위의 클릭 이벤트 발생 방지

  8. 8

    자바 스크립트 클릭 이벤트가 스타일을 변경하지 않습니다.

  9. 9

    OKCallback / 클릭 이벤트가 부트 스트랩 대화 상자에서 발생하지 않습니다.

  10. 10

    CKEditor의 클릭 이벤트가 발생하지 않습니다.

  11. 11

    div onclick에서 자바 스크립트 클릭 이벤트가 작동하지 않습니다.

  12. 12

    요소의 최상위 클래스에 연결될 때 백본보기 이벤트가 발생하지 않습니다.

  13. 13

    버튼에 추가 된 프로토 타입 자바 스크립트 눈에 띄지 않는 클릭 이벤트

  14. 14

    비활성화 된 선택 요소를 클릭해도 상위 요소에 대한 클릭 또는 mousedown 이벤트가 트리거되지 않습니다.

  15. 15

    Angular에서 부모 요소에 클릭 이벤트가있을 때 자식 변경 이벤트가 발생하지 않습니다.

  16. 16

    자바 스크립트의 클릭 이벤트가 트리거되지 않음

  17. 17

    PHP 스크립트에서 반환 된 <ul>에 JQuery 클릭 이벤트가 등록되지 않습니다.

  18. 18

    버튼 클릭 이벤트가 오른쪽 요소를 캡처하지 않음

  19. 19

    버튼 클릭 자바 스크립트에서 두 가지 작업이 발생합니다.

  20. 20

    html 옵션 태그를 클릭하면 맞춤 자바 스크립트가 트리거되지 않습니다.

  21. 21

    자바 스크립트 드래그 오버 이벤트가 작동하지 않습니다.

  22. 22

    Asp 버튼 클릭과 마찬가지로 div 태그 클릭시 포스트 백 이벤트 발생

  23. 23

    자바 스크립트 클릭 변경 하위 div 요소

  24. 24

    ajax가 포함 된 자바 스크립트 함수는 제출 후 작동하지 않지만 버튼 클릭 이벤트와 함께 작동합니다.

  25. 25

    JS 스크롤 이벤트가 발생하지 않습니다.

  26. 26

    JS 스크롤 이벤트가 발생하지 않습니다.

  27. 27

    하위 구성 요소에서 클릭 이벤트 발생

  28. 28

    DOM 요소를 조작하기위한 자바 스크립트에서 첫 번째 클릭이 작동하지 않습니다.

  29. 29

    버튼을 계속 클릭하여 자바 스크립트에서 다음 요소를 표시하는 방법

뜨겁다태그

보관