Comment lier dynamiquement les attributs des éléments de formulaire dans vue

Je vais maintenant partager avec vous un article sur la méthode attributaire de liaison dynamique des éléments de formulaire dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Dans vue, vous souhaiterez parfois ajouter des attributs à un élément, comme utiliser jq. Par exemple,

$('#select1').attr('disabled','disabled')

Cette méthode peut également être implémentée, mais la méthode d'utilisation de vue dans vue. est toujours Essayez de ne pas utiliser jq

Utilisez la méthode de vue pour ajouter des attributs comme ceci : utilisez directement la syntaxe de liaison d'attribut : désactivé pour lier, puis ajoutez une condition pour contrôler l'ajout dynamique et suppression de cet attribut, tel que :

<select v-model=&#39;issues&#39; class="ui dropdown t-select-list" :disabled=&#39;isDisabled&#39;>
 <option></option>
</selected>

Lorsque le statut est 5, il peut être Select est en lecture seule

watch:{
 issueDatas(){
  if(this.issueDatas.state==5){
   this.isDisabled=true;
  }
 }
}

Ce qui précède est ce que j'ai compilé pour tout le monde. J’espère que cela sera utile à tout le monde à l’avenir.

Articles connexes :

Utiliser le modèle Webpack dans vue-cli pour résoudre les problèmes de construction de projet et de chemin d'empaquetage

Sous vue-cli Utilisation vuex (tutoriel détaillé)

Comment utiliser vue-cli pour écrire un plug-in vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!