Vue에서 요소 비활성화

disabled 속성을 사용하여 폼 요소를 반응적으로 비활성화할 수 있습니다. 한번 시도해 봅시다. 해당 속성을 만듭니다:

data() {
	return {
		isDisabled: true,
	}
}

이 속성을 버튼에 바인딩합니다:

<template>
	<button v-bind:disabled="isDisabled">btn</button>
</template>

인풋이 주어졌습니다. 클릭할 때마다 우리의 인풋을 차례로 비활성화하고 활성화하는 버튼을 만드세요.

이전 작업을 수정하여 인풋의 상태가 체크박스로 조절되도록 하세요: 체크박스가 선택되면 인풋이 활성화되고, 선택되지 않으면 인풋이 비활성화됩니다.