vue realisiert eine dreistufige Verknüpfung

Dieses Mal werde ich Ihnen zeigen, wie Vue die Drei-Ebenen-Verknüpfung realisieren kann.

1. Tatsächlicher Effekt

Dreistufige Verknüpfung mint-ui picker.png

2. Zuerst müssen Sie Daten herunterladen, die chinesische Provinzen, Städte, Bezirke und Landkreise

wie folgt enthalten:

(Diese Adresse enthält Verknüpfungsdaten der zweiten Ebene und Verknüpfungsdaten der dritten Ebene , und Verknüpfungsdaten der vierten Ebene usw., finden Sie, was Sie brauchen)

(bessere Daten in China, es wird empfohlen, diese zu verwenden)

Der spezifische Code

wird hauptsächlich verwendet. Informationen zur Auswahlkomponente von Mint-UI finden Sie auf der offiziellen Website

Ⅰ, der HTML-Komponente

<p>
 <mt-picker :slots="myAddressSlots" @change="onMyAddressChange"></mt-picker>
 <p>地址3级联动：{{myAddressProvince}} {{myAddressCity}} {{myAddresscounty}}</p>
</p>

Ⅱ und der Komponentenmethode

rrree

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

Empfohlene Lektüre:

Detaillierte Erläuterung der Mint-UI-Nutzungsschritte

Welche Attribute muss JS haben, um festzustellen, ob es welche gibt Ist eine Bildlaufleiste auf der Seite?

Anleitung zur Verwendung des Loader-Mechanismus im Webpack-Quellcode

Das obige ist der detaillierte Inhalt vonvue realisiert eine dreistufige Verknüpfung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!