vue에서 양식 요소의 속성을 동적으로 바인딩하는 방법

이제 Vue에서 양식 요소를 동적으로 바인딩하는 속성 방법에 대한 기사를 공유하겠습니다. 이 기사는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

vue에서는 때로는

$('#select1').attr('disabled','disabled')

와 같이 jq를 사용하는 것과 같은 요소에 속성을 추가하고 싶을 수도 있습니다. 이 방법도 달성할 수 있지만 vue에서 vue를 사용할 수 있다면 jq

를 사용하지 마세요. vue 속성을 추가하는 방법은 다음과 같습니다.

<select v-model=&#39;issues&#39; class="ui dropdown t-select-list" :disabled=&#39;isDisabled&#39;>
 <option></option>
</selected>

disabled는 양식 요소의 기본 속성입니다. 속성 바인딩 구문을 직접 사용할 수 있습니다. 바인딩을 위해 비활성화한 다음 동적 추가를 제어하는 ​​조건을 추가하고 다음과 같이 이 속성을 삭제합니다.

watch:{
 issueDatas(){
  if(this.issueDatas.state==5){
   this.isDisabled=true;
  }
 }
}

상태가 5이면 선택 읽기 전용 상태를 만들 수 있습니다.

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다. .

관련 기사:

vue-cli에서 webpack 템플릿을 사용하여 프로젝트 구성 및 패키징 경로 문제 해결

vue-cli에서 vuex 사용(자세한 튜토리얼)

vue-cli를 사용하여 vue 작성하는 방법 플러그인

위 내용은 vue에서 양식 요소의 속성을 동적으로 바인딩하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!