Vue.js désactiver/activer le menu déroulant si la case est cochée ?
P粉714844743
P粉714844743 2023-08-29 23:14:07
0
1
520

J'essaie d'activer/désactiver la sélection déroulante : combinaison lorsque ma case est cochée. Cela fonctionne bien lorsque je Ajouter un nom mais lorsque Sans client est sélectionné, cela ne fonctionne pas dans le travail Modifier le nom

La liste déroulante doit être désactivée car "Sans client" est sélectionnée et ne doit être activée que lorsque je décoche la case. Cependant, lorsque la case est cochée, le menu déroulant est activé, et lorsque je décoche la case, le menu déroulant est désactivé.

données : { editSelect : vrai, }, méthodes : { pas de Client() { this.editSelect = !this.editSelect; }, 
 id="noName" v-model="équipe.nameId" nom="noName" tapez="case à cocher" :valeur="null" @change="noName()" />  ≪/pré> 

Veuillez m'aider à comprendre ce qui ne va pas avec mon code. De plus, si vous avez des suggestions sur la façon dont je devrais coder ce problème différemment, faites-le-moi savoir !

P粉714844743
P粉714844743

répondre à tous (1)
P粉162773626

Vous pouvez définirv-modelsur la case à cocher et utiliser cette valeur pour désactiver la liste déroulante.

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

checkBox: {{checkBox}}

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!