>  Q&A  >  본문

Vue.js는 확인란을 선택한 경우 드롭다운 메뉴를 비활성화/활성화합니까?

<p>상자를 선택한 경우 드롭다운:조합 선택을 활성화/비활성화하려고 합니다. <strong>이름 추가</strong>에서는 잘 작동하지만 <em>클라이언트리스</em>를 선택하면 <strong>이름 편집</strong> </p> <p>"클라이언트리스"가 선택되었기 때문에 드롭다운은 비활성화되어야 하며 확인란을 선택 취소한 경우에만 활성화되어야 합니다. 그러나 확인란을 선택하면 드롭다운 메뉴가 활성화되고 확인란을 선택 취소하면 드롭다운 메뉴가 비활성화됩니다. </p> <p> <pre class="brush:js;toolbar:false;">데이터: { 편집선택: 사실, }, 방법: { noClient() { this.editSelect = !this.editSelect; },</pre> <pre class="brush:html;toolbar:false;">b-form-checkbox id="이름없음" v-model="team.nameId" 이름="이름없음" 유형="체크박스" :값="널" @change="no이름()" /> <콤보 선택 id="이름박스" v-model="team.nameId" api-location="fetchTeamsByName" api-details-location="fetchTeamDetails" 검색 매개변수="이름" :additional-search-fields="추가검색필드" :transformer="이름변환기" :값="널" :구성="{ ...콤보구성, searchLabel: '이름 검색', isEditable: 편집선택, }" class="input input__typeahead" @on-select-item="onTeamComboSelect" /> </p> <p>내 코드에 어떤 문제가 있는지 이해하도록 도와주세요. 또한 이 문제를 어떻게 다르게 코딩해야 하는지에 대한 제안 사항이 있으면 알려주시기 바랍니다! </p>
P粉714844743P粉714844743438일 전586

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

  • P粉162773626

    P粉1627736262023-08-30 17:25:33

    체크박스에 v-model를 설정하고 해당 값을 사용하여 드롭다운을 비활성화할 수 있습니다.

    으아악 으아악

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