Vue.js는 확인란을 선택한 경우 드롭다운 메뉴를 비활성화/활성화합니까?
P粉714844743
2023-08-29 23:14:07
<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>
체크박스에
v-model
를 설정하고 해당 값을 사용하여 드롭다운을 비활성화할 수 있습니다.