<p>Saya cuba mendayakan/lumpuhkan dropdown:pemilihan gabungan apabila kotak saya ditandakan. Ia berfungsi dengan baik apabila saya <strong>Tambah Nama</strong> tetapi apabila <em>Tanpa Pelanggan</em> ia tidak berfungsi dalam <strong>Edit Nama</strong> </p> <p>Titik lungsur harus dilumpuhkan kerana "Tanpa Pelanggan" dipilih dan hanya perlu didayakan apabila saya menyahtanda kotak. Walau bagaimanapun, apabila kotak ditandakan, menu lungsur didayakan dan apabila saya menyahtanda kotak itu, menu lungsur dilumpuhkan. </p> <p> <pre class="brush:js;toolbar:false;">data: { editPilih: benar, }, kaedah: { noClient() { this.editSelect = !this.editSelect; },</pre> <pre class="brush:html;toolbar:false;"> id="noName" v-model="team.nameId" name="noName" type="kotak semak" :value="null" @change="noName()" /> <kombo-pilih id="nameBox" v-model="team.nameId" api-location="fetchTeamsByName" api-details-location="fetchTeamDetails" search-parameter="name" :additional-search-fields="additionalSearchField" :transformer="nameTransformer" :value="null" :config="{ ...comboConfig, searchLabel: 'Nama carian', isEditable: editSelect, }" class="input input__typeahead" @on-select-item="onTeamComboSelect" /> </pra> </p> <p>Tolong bantu saya memahami apa yang salah dengan kod saya. Selain itu, jika anda mempunyai sebarang cadangan tentang cara saya harus mengodkan masalah ini secara berbeza, sila beritahu saya! </p>

const app = Vue.createApp({
  data() {
    return {
      checkBox: false
    }
  }
})

app.mount('#app')

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

<div id="app">
  <input type="checkbox" v-model="checkBox" />
  <p>checkBox: {{checkBox}}</p>
  <select :disabled="!checkBox" name="pets" id="pet-select">
    <option value="">--Please choose an option--</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
</select>

</div>