Öffnen Sie die Vue-Auswahloperationskomponente

Dieses Mal werde ich Ihnen das Öffnen der Vue-Select-Operationskomponente vorstellen. Was sind die Vorsichtsmaßnahmen zum Öffnen der Vue-Select-Operationskomponente? Das Folgende ist ein praktischer Fall.

Geschäftlich: Es gibt zwei Möglichkeiten, Nachrichten zu pushen, nämlich „WeChat“ und „E-Mail“. Beim Senden über WeChat müssen Sie die „zu sendende Anwendung“ auswählen, beim Senden per E-Mail ist dies nicht der Fall müssen

Über WeChat senden. Wenn die E-Mail gesendet wird, sieht die Seite wie folgt aus:

Wenn die E-Mail gesendet wird, ist die Auswahl nicht verfügbar. Die Seite lautet wie folgt:

Obwohl auf der offiziellen Website kein konkretes Beispiel angegeben ist, kann das Attribut „deaktiviert“ aus den Attributen gefunden werden

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

Implementierung:

Fügen Sie das deaktivierte Attribut hinzu und schreiben Sie es als folgendes rotes Markierungsformat. Definieren Sie eine isAble-Variable zum Speichern von TRUE- und FALSE-Werten, um zu bestimmen, ob dieses Auswahlfeld vorhanden ist verfügbar.

<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下拉框是否可用 
    } 
  }

Dann ändert der Wert der Betriebsvariablen isAble den verfügbaren und deaktivierten Status der Komponente

 methods:{ 
     Test(){ 
      var vm = this; 
       if (vm.alertType == '邮件') { 
        vm.isAble = true; //不可用 
      } 
        
     }  
}

Die Testmethode schreibt nur die Beurteilung, dass sie nicht verfügbar ist Zurück zu WeChat muss es auch den Status „Verfügbar“ haben, sonst wird ein weiterer Fehler begraben, haha. Aber das ist Geschäftslogik. Ich stelle die Methode nur vor und mache mir Notizen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JQuery ermöglicht die Funktion zum Zusammenführen/Anhängen der Array-Deduplizierung

JS erstellt eine Zusammenfassung der Array-Traversal-Methode und einen Leistungsvergleich

Das obige ist der detaillierte Inhalt vonÖffnen Sie die Vue-Auswahloperationskomponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!