Vue 3: 입력 'number|boolean'은 'number' 유형에 할당할 수 없습니다.

Question

저는 Vue 3와 Composition API를 사용하고 있으며 현재 프로젝트에 Typescript를 추가하려고 합니다.

원하는 입력을 생성하기 위해 호출할 수 있는 "전역 입력" 구성 요소가 있습니다. 그런 다음 구성 요소는 "inputType" 소품을 기반으로 다른 입력 구성 요소를 렌더링합니다. 예를 들어 다음과 같이 전역 입력을 사용할 수 있습니다.

으아악

InputBlock은 다음과 같습니다:

으아악

내 InputNumber는 다음과 같습니다:

으아악

알다시피, InputBlock 组件可以接收不同类型的值，因为该值将由不同的子组件使用。但每个子组件的 value 属性只能接受一种类型。在我的 InputBlock 中，我收到此错误： Type 'number | boolean” 不可分配给类型“number”。类型“boolean”不可分配给类型“number”..

전달된 값이 Number|Boolean 대신 숫자가 될 것이라고 Typescript InputCheck에 어떻게 알릴 수 있는지 아시나요? 변수를 "강제"하거나 "캐스트"하는 방법이 있습니까? 아니면 내가 여기서 뭔가 잘못하고 있는 걸까요?

Answer 1

typescript는 inputType.type과 값 유형이 관련되어 있다는 것을 모르기 때문에 오류를 반환합니다.

시도해 보세요

으아악

또는 이것

으아악