Die Verknüpfungsmethode zwischen Menü und Registerkarte von vue+iview

<Vorlage>
  <div>
    <Wählen Sie v-model="whereMap.model1"
            Stil="Breite:200px"
            @on-change="getSecond">
      <Option v-for="Element in Liste1"
              :Wert="Artikel-ID"
              :key="item.id">{{ item.label }}</Option>
    </Auswählen>
    <Wählen Sie v-model="whereMap.model2"
            Stil="Breite:200px"
            @on-change="getThird">
      <Option v-for="Element in Liste2"
              :Wert="Artikel-ID"
              :key="item.id">{{ item.label }}</Option>
    </Auswählen>
    <Wählen Sie v-model="whereMap.model3"
            Stil="Breite:200px">
      <Option v-for="Element in Liste3"
              :Wert="Artikel-ID"
              :key="item.id">{{ item.label }}</Option>
    </Auswählen>
    <Button Klasse="Suche-btn"
            Typ="Standard"
            @click="searchClear">Löschen</Button></div>
</Vorlage>
<Skript>
Standard exportieren {
  Daten () {
    zurückkehren {
      Datentest: {
        l1: [
          {
            ID: "Katze",
            Bezeichnung: „Katze“
          },
          {
            ID: 'Hund',
            Bezeichnung: „Hund“
          }
        ],
        l2: {
          Katze: [{ id: 'sc', label: 'Kätzchen' }, { id: 'bc', label: 'Großkatze' }],
          Hund: [{ id: 'sd', label: 'Welpe' }, { id: 'bd', label: 'Großer Hund' }]
        },
        l3: {
          sc: [{ id: 'sc1', label: 'Kleine Katze' }, { id: 'sc2', label: 'Kleine orange Katze' }],
          bc: [{ id: 'bc1', label: 'Große getigerte Katze' }, { id: 'bc2', label: 'Große orange Katze' }]
        }
      },
      Liste1: [],
      Liste2: [],
      Liste3: [],
      woMap: {
        Modell1: '',
        Modell2: '',
        Modell3: ''
      }
    }
  },
  gemountet () { this.init() },
  erstellt () {
    dies.init()
  },
  Methoden: {
    init () {
      diese.Liste1 = dieser.Datentest.l1
    },
    getSecond(val) {
      diese.Liste2 = dieser.Datentest.l2[Wert]
    },
    getThird (Wert) {
 
      diese.Liste3 = dieser.Datentest.l3[Wert]
    },
    Suche löschen () {
      konsole.log(diese.whereMap)
      dies.whereMap = {};
      diese.liste2 = [];
      diese.liste3 = [];
    }
  }
}
</Skript>