国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如果選中復(fù)選框,Vue.js 禁用/啟用下拉菜單?
P粉714844743
P粉714844743 2023-08-29 23:14:07
0
1
755
<p>我正在嘗試啟用/禁用下拉菜單:選中我的框時(shí)進(jìn)行組合選擇。 當(dāng)我<strong>添加名稱</strong>時(shí)它可以正常工作,但當(dāng)選中<em>無(wú)客戶端</em>時(shí),它不能在<strong>編輯名稱</strong>中工作。</p> <p>應(yīng)禁用下拉列表,因?yàn)檫x擇了“無(wú)客戶端”,并且僅當(dāng)我取消選中該框時(shí)才應(yīng)啟用該下拉列表。但是,當(dāng)選中該框時(shí),下拉菜單將啟用,而當(dāng)我取消選中該框時(shí),下拉菜單將被禁用。</p> <p> <pre class="brush:js;toolbar:false;">data: { editSelect: true, }, methods: { noClient() { this.editSelect = !this.editSelect; },</pre> <pre class="brush:html;toolbar:false;"> <b-form-checkbox id="noName" v-model="team.nameId" name="noName" type="checkbox" :value="null" @change="noName()" /> <combo-select 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: 'Search names', isEditable: editSelect, }" class="input input__typeahead" @on-select-item="onTeamComboSelect" /> </pre> </p> <p>請(qǐng)幫助我理解我的代碼哪里出了問(wèn)題。另外,如果您對(duì)我應(yīng)該如何針對(duì)此問(wèn)題進(jìn)行不同的編碼有任何建議,請(qǐng)告訴我!</p>
P粉714844743
P粉714844743

全部回復(fù)(1)
P粉162773626

您可以在復(fù)選框上設(shè)置 v-model 并使用該值禁用下拉菜單。

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>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板