Vue realisiert kaskadierende Auswahl von Provinzen, Städten und Bezirken

<!--PC-Code-->
 <el-form :inline="true" :model="AdressFormular">
        <el-form-item label="Provinz" label-width="100px" prop="Provinz">
          <el-select v-model="addressForm.province" placeholder="Bitte auswählen" style="width:250px" @change="bindProvinceChange">
          <!-- :value="item.value+'|'+item.label" Wenn Sie sowohl die Nummer als auch den Provinznamen erhalten möchten, kann die Wertzuweisung wie folgt geschrieben und dann mit | abgeschnitten werden. Wenn Sie nicht beide benötigen, weisen Sie nur einen zu. -->
            <el-option v-for="Artikel in Provinzliste" :label="Artikel.label" :value="Artikel.value+'|'+Artikel.label"></el-option>
          </el-Auswahl>
        </el-form-item>
        <br />
        <el-form-item label="Stadt" label-width="100px" prop="Stadt">
          <el-select v-model="addressForm.city" placeholder="Bitte auswählen" style="width:250px" @change="bindCityChange">
            <el-option v-for="Artikel in Stadtliste" :label="Artikel.label" :value="Artikel.value+'|'+Artikel.label"></el-option>
          </el-Auswahl>
        </el-form-item>
        <el-form-item label="Bezirk/Landkreis" label-width="100px" prop="Landkreis">
          <el-select v-model="addressForm.county" placeholder="Bitte auswählen" style="width:250px" @change="bindCountyChange">
            <el-option v-for="Artikel in CountyList" :label="Artikel.label" :value="Artikel.value+'|'+Artikel.label"></el-option>
          </el-Auswahl>
        </el-form-item>
        <el-form-item label="Straße/Ort" label-width="100px" prop="Straße">
          <el-input type="textarea" :rows="3" resize="none" placeholder="Bitte geben Sie die Straßeninformationen ein" v-model="addressForm.street"
            Stil="Breite:250px">
          </el-Eingabe>
        </el-form-item>
</el-form>

var app = new Vue({
      el: '#app',
       Daten: {
    Adressformular: {
           Provinz: '',
           Stadt: '',
           Landkreis: '',
           Straße: ''
         },
         // Die Daten der Provinzen, Städte und Bezirke werden in einer anderen Datei abgelegt. Ich importiere die Provinzliste direkt aus einer anderen Datei: areaList.provinceList,
         Stadtliste: [],
         Landkreisliste: []
  },
  Methoden:{
   // Provinz bindProvinceChange(vals) {
         // Holen Sie sich die eindeutige Nummer, die der Provinz entspricht console.log('data========>', vals)
           lass arr = vals.split('|')
           diese.addressForm.province = arr[1]
           diese.AdressForm.Stadt = '';
           diese.AdressForm.Landkreis = '';
           diese.AdressForm.Straße = '';
           // Holen Sie sich die entsprechende Stadt this.cityList = this.addrInit(2, areaList.cityList, arr[0]);
         },
         // Stadt bindCityChange(vals) {
           console.log('Werte------->', Werte)
           diese.AdressForm.Landkreis = '';
           diese.AdressForm.Straße = '';
           lass arr = vals.split('|')
           diese.addressForm.city = arr[1]
            // Den entsprechenden Bezirk und Landkreis abrufen this.countyList = this.addrInit(4, areaList.countyList, arr[0]);
         },
         //Bezirk und Landkreis bindCountyChange(vals) {
           Konsole.log('Werte------======>', Werte)
           diese.AdressForm.Straße = '';
           lass arr = vals.split('|')
           diese.addressForm.county = arr[1]
         },
         // Konvertiere das Objekt in ein Array transArray(obj) {
           sei arr = [];
           für (lass i in obj) {
             arr.push(Objekt[i]);
           }
           Rückflug an;
         },
         /**
          * Kapselungsmethode – Holen Sie sich die entsprechende Provinz, Stadt und den Bezirk* @param {number} num Die Anzahl der abzufangenden Ziffern* @param {*} list Das abzufragende Array* @param {*} str Der abzufangende String* @returns
          */
         addrInit(Zahl, Liste, Zeichenkette) {
           Lassen Sie strSub = str.substr(0, num);
           lass arr = this.transArray(Liste);
           lass newArr = arr.filter(Funktion (Wert, Index, arr) {
             Lassen Sie newStr = val.value.substr(0, num);
             gibt newStr == strSub zurück;
           });
           gib neuesArr zurück;
         },
  }
 })