버튼에 속성 비활성화를 설정할 수 없습니다.

Question

아래 표시된 코드에서는 버튼을 생성하고 disable 속성을 추가하려는 하위 구성 요소를 개발 중입니다. 다음 코드에서는 disable 속성에 빨간색 밑줄이 그어져 있으며 오류 메시지는 다음과 같습니다.

'"isDigitizePolygonDisabled"' 유형은 'Booleanish undefine' 유형에 할당될 수 없습니다.

disable 속성 code을 올바르게 설정하는 방법을 알려주세요.

<템플릿>

    <슬롯>
  


<스크립트 lang="ts">
'vue'에서 { 참조 } 가져오기

let isDigitizePolygonDisabled = ref(true)
기본값 내보내기 {
    데이터() {
        반품 {
            isDigitizePolygonDisabled
        }
    },
    소품: {
        isDigitizePolygonDisabled: {
            유형: 부울,
            필수: 사실
    },
}


            

Answer 1

Vue에서 부울 속성(예: 비활성화됨)을 바인딩하려는 경우 v-bind 지시문(또는 약어 :)을 사용할 수 있습니다. 이는 속성을 표현식에 바인딩합니다.

비활성화된 속성을 당신이 하는 방식으로 바인딩하려고 하면 Vue는 "isDigitizePolygonDisabled" 문자열을 비활성화된 값으로 설정하려고 한다고 생각할 것입니다. 이는 유효하지 않습니다. 따라서 오류가 표시됩니다.

따라서 최종 코드는 다음과 같습니다.

으아악

저는 defineComponent和setup을 사용하는 것을 선호합니다. 더 간단하다고 생각합니다.

도움이 되길 바랍니다!