Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erklärung zum Aktivieren und Deaktivieren der Vue-Select-Komponente

php中世界最好的语言
Freigeben: 2018-04-28 15:42:32
Original
4742 Leute haben es durchsucht

Dieses Mal werde ich Ihnen detailliert erklären, wie Sie die Vue-Auswahlkomponente aktivieren und deaktivieren. Was sind die Vorsichtsmaßnahmen zum Öffnen und Deaktivieren der Vue-Auswahlkomponente? Schauen Sie mal rein.

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 es ist nicht erforderlich

Beim Senden per WeChat sieht die Seite wie folgt aus:

Ausführliche Erklärung zum Aktivieren und Deaktivieren der Vue-Select-Komponente

Beim Senden per E-Mail ist die Auswahl nicht verfügbar und die Die Seite lautet wie folgt:

邮件Ausführliche Erklärung zum Aktivieren und Deaktivieren der Vue-Select-Komponente

Obwohl auf der offiziellen Website kein konkretes Beispiel angegeben ist, ist das Attribut „deaktiviert“ in den Attributen zu finden 🎜>

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

Deaktivierte Attribute hinzufügen werden im folgenden roten Markierungsformat geschrieben; definieren Sie eine isAble-Variable, um TRUE- und FALSE-Werte zu speichern, um zu bestimmen, ob dieses Auswahlfeld verfügbar ist.

<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下拉框是否可用 
    } 
  }
Nach dem Login kopieren
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; //不可用 
      } 
        
     }  
}
Nach dem Login kopieren
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:

So deduplizieren Sie Daten beim Zusammenführen mehrerer Arrays


Was zur Bestimmung des Typs und der Größe benötigt wird der hochgeladenen Bilder Schritte

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Aktivieren und Deaktivieren der Vue-Select-Komponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage