>  Q&A  >  본문

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

<p>아래 표시된 코드에서는 버튼을 생성하고 <code>disable</code> 속성을 추가하려는 하위 구성 요소를 개발 중입니다. 다음 코드에서는 <code>disable</code> 속성에 빨간색 밑줄이 그어져 있으며 오류 메시지는 다음과 같습니다. </p> <pre class="brush:php;toolbar:false;">'"isDigitizePolygonDisabled"' 유형은 'Booleanish undefine' 유형에 할당될 수 없습니다.</pre> <p><code>disable</code> 속성 <strong>code</strong>을 올바르게 설정하는 방법을 알려주세요. </p> <pre class="brush:php;toolbar:false;"><템플릿> <button id="idDigitizePolygonBtn" class="digitizePolygonBtn" 비활성화='isDigitizePolygonDisabled'> <슬롯> </버튼> </템플릿> <스크립트 lang="ts"> 'vue'에서 { 참조 } 가져오기 let isDigitizePolygonDisabled = ref(true) 기본값 내보내기 { 데이터() { 반품 { isDigitizePolygonDisabled } }, 소품: { isDigitizePolygonDisabled: { 유형: 부울, 필수: 사실 }, } <p><br /></p>
P粉039633152P粉039633152417일 전466

모든 응답(1)나는 대답할 것이다

  • P粉376738875

    P粉3767388752023-08-17 12:21:54

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

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

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

    으아악

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

    도움이 되길 바랍니다!

    회신하다
    0
  • 취소회신하다