저는 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";
}
콘솔에 오류가 없더라도 이해할 수없는 이유로 범위는 항상 "Off"로 표시됩니다. 왜?
당신은 그것을 너무 복잡하게 만들고 있습니다. 기본 구성 요소의 확인 된 값에 쉽게 바인딩 할 수 있습니다.
<script>
import Switch from './Switch.svelte';
let status;
</script>
<div>
<Switch bind:checked={status} /> <span>{status ? "on" : "off"}</span>
</div>
이전에는 구성 요소에없는 클릭 이벤트 를 수신하려고 Switch
했기 때문에 작동하지 않았습니다. 하지만 체크 박스이므로 체크 속성이 있습니다. 여기에서 자세한 정보를 찾으 십시오 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다