Praxis des El-Cascader-Kaskadenselektors in ElementUI

<el-cascader ref="cascaderAddr" :options="rangeArr" :props="optionProps" v-model="plable" @change="handleChange3" style="width: 100%;"></el-cascader>

Standard exportieren {
	Daten() {
//Lieferortauswahl Quelle rangeArr: [],
			optionProps: {
				Wert: 'sguid',
				Bezeichnung: 'Adresse',
				Kinder: 'Kinder',
				checkStrictly: true,
				expandTrigger: 'schweben'
			},
			plable: [], //Lieferauswahlwert},
montiert: Funktion () {
//Lieferort this.$axios
			.get('URL')
			.dann(Antwort => {
				dies.rangeArr = Antwort.data.obj;
				console.log('Bei der Zustellung kann die Quelle aaaa gewählt werden', this.rangeArr);			
			})
			.catch(Funktion(Fehler) {
				// Fehler bei der Verarbeitung der Anforderung console.log(error);
			});
	//Den Anfangswert abrufen this.$axios.get("url")
	    .then((Antwort) => {
			wenn (Antwort.Daten.Status == 200){
			    this.plable=response.data.obj.ranges_sguid;//Standardmäßig ausgewählter Wert }
		})
		 .catch(function (error) { // Fehler bei der Verarbeitung der Anforderung console.log(error);
	    });
},
Methoden: {
handleChange3(Wert) {
			console.log('ID-Wert auswählen',Wert);
			console.log('Beschriftungswert auswählen',this.plable);
			var thsAreaCode = this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels;; //Hinweis 2: Label-Wert abrufen console.log('lable',thsAreaCode) // Hinweis 3: Das Endergebnis ist ein eindimensionales Array-Objekt var len=value.length-1;
			this.form.ranges_sguid=value[len];//Dies ist der endgültig geänderte ausgewählte Datenwert, der übermittelt werden soll console.log('guid',this.form.ranges_sguid);
			this.$refs.cascaderAddr.toggleDropDownVisible(); // Nach der Auswahl die Dropdown-Oberfläche ausblenden }
}