Maison > interface Web > js tutoriel > le corps du texte

Composant d'opération de sélection de vue ouverte

php中世界最好的语言
Libérer: 2018-06-08 17:26:12
original
2230 Les gens l'ont consulté

Cette fois, je vais vous présenter l'ouverture du composant d'opération vue select. Quelles sont les précautions pour ouvrir le composant d'opération vue select ? Ce qui suit est un cas pratique, jetons un coup d'oeil.

Entreprise : Il existe deux manières de transmettre des messages, à savoir "WeChat" et "Email". Lors de l'envoi par WeChat, vous devez sélectionner "Application à envoyer". à

Envoyer par WeChat Lorsque l'email est envoyé, la page est la suivante :

Composant dopération de sélection de vue ouverte

Lorsque l'email est envoyé, le sélecteur n'est pas disponible, le La page est la suivante :

邮件Composant dopération de sélection de vue ouverte

Bien que le site officiel Aucun exemple spécifique ne soit donné, mais l'attribut "désactivé" peut être trouvé dans les attributs

属性 说明 类型 默认值
disabled 是否禁用 Boolean false
<.>

Implémentation :

Ajoutez l'attribut désactivé et écrivez-le sous la forme de la marque rouge suivante ; définissez une variable isAble pour stocker les valeurs VRAI et FAUX afin de déterminer si cette zone de sélection est disponible. .

<select>v-bind:disabled="isAble" clearable v-model="dataAgentEntity.ID" style="width:240px"> 
   <option>{{ item.name }}</option> 
 </select> 
export default { 
  data(){ 
    return{ 
      isAble: false,//select下拉框是否可用 
    } 
  }
Copier après la connexion
Ensuite, la valeur de la variable de fonctionnement isAble dans la logique modifie l'état disponible et désactivé du composant

 methods:{ 
     Test(){ 
      var vm = this; 
       if (vm.alertType == '邮件') { 
        vm.isAble = true; //不可用 
      } 
        
     }  
}
Copier après la connexion
La méthode de test écrit uniquement le jugement selon lequel il n'est pas disponible . Lors du retour à WeChat, il doit également être rendu disponible, sinon un autre bug sera enterré, haha. Mais c'est une logique métier. Je présente seulement la méthode et je prends des notes. Cela dépend de la situation.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

JQuery crée une fonction de déduplication de tableau de fusion/ajout

JS réalise un résumé de la méthode de traversée de tableau et une comparaison des performances

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!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
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!