So verwenden Sie das On-Change-Attribut in IView

Dieses Mal zeige ich Ihnen, wie Sie das On-Change-Attribut in IView verwenden. Was sind die Vorsichtsmaßnahmen , wenn Sie das On-Change-Attribut in IView verwenden? Werfen wir einen Blick darauf.

Problem tritt auf

Ich habe gerade mit meinen Kollegen das großartige

Framework von Vue studiert. Es implementiert kleine Funktionen der Drei-Ebenen-Verknüpfung auf Provinz- und Gemeindeebene. Ein Teil des Codes lautet wie folgt:

<Form-item label="所在地区" >
   <Row >
   <Col span="12">
   <select v-model="f.p" @change="selpro" placeholder="sheng">
    <option :value="i" v-for="(v,i) in pro">{{v.name}}</option>
   </select>
   </Col>
   <Col span="12">
   <select v-model="f.c" @change="selcity" placeholder="shi">
    <option :value="i" v-for="(v,i) in city">{{v.name}}</option>
   </select>
   </Col>
   <Col span="12">
   <select v-model="f.cc" v-show="county.length>0" @change="result" placeholder="xian"> 
    <option :value="i" v-for="(v,i) in county">{{v.name}}</option>
   </select>
   </Col>
   </Row>
  </Form-item>

Nachdem die Front-End-Schnittstelle in Vue geschrieben wurde und die Front-End- und Back-End-Codes in demselben Projekt zusammengeführt wurden, traten aufgrund der Inkonsistenz zwischen den Codespezifikationen

und js und html und verschiedene Probleme auf Vue, wie onchange ="", @change="" funktioniert nicht in iview. Schließlich wurde das Problem durch Google, eine leistungsstarke Index--Suchmaschine, gelöst

Lösen Sie das Problem

Die richtige Schreibmethode in iview sollte sein: @on-change

<Form-item label="所在地区">
    <Row>
     <i-col span="12">
      <i-select v-model="f.p" @on-change="selpro" placeholder="sheng">
       <i-option :value="i" v-for="(v,i) in pro" :key="v.id">{{v.name}}</i-option>
      </i-select>
     </i-col>
     <i-col span="12">
      <i-select v-model="f.c" @on-change="selcity" placeholder="shi">
       <i-option :value="i" v-for="(v,i) in city" :key="v.id">{{v.name}}</i-option>
      </i-select>
     </i-col>
     <i-col span="12">
      <i-select v-model="f.cc" v-show="county.length>0" onchange="result" placeholder="xian">
       <i-option :value="i" v-for="(v,i) in county" :key="v.id">{{v.name}}</i-option>
      </i-select>
     </i-col>
    </Row>
   </Form-item>

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 die chinesische PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte für Vue zur Verarbeitung der Storejs-Datenerfassung

Vim nicht neu starten, sondern Laden Sie es neu. Was sind die Methoden von .vimrc

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das On-Change-Attribut in IView. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!