Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung basierend auf der Verwendung des On-Change-Attributs in IView

Detaillierte Erläuterung basierend auf der Verwendung des On-Change-Attributs in IView

亚连
亚连Original
2018-05-30 10:47:344578Durchsuche

Im Folgenden werde ich Ihnen eine detaillierte Erklärung der Verwendung des On-Change-Attributs in IView geben. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.

Ich bin ein Android-Entwickler und habe mich in den letzten zwei Tagen auch mit der Änderung des Eingabe-Tags beschäftigt Mir war schwindelig und ich wälzte mich hin und her. Reden wir über die aufgetretenen Probleme und ihre Lösungen.

Es treten Probleme auf

Ich habe gerade mit meinen Kollegen das großartige Framework von Vue studiert, das die dreistufige Verknüpfung von Provinz und Kommune realisiert kleine Funktion, 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, wenn das Front-End und das Back-End Codes werden aufgrund der Inkonsistenz zwischen der Spezifikation und Vue im selben Projekt zusammengeführt. Beispielsweise funktionierte onchange="", @change="" am Ende nicht Das Problem wurde über Google gelöst, eine leistungsstarke Suchmaschine.

Lösen Sie das Problem

Die richtige Schreibweise in iview ist: @on -Ändern

<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 habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

js+canvas implementiert die Schiebepuzzle-Bestätigungscodefunktion

JS konvertiert von einem Nicht-Array-Objekt in Array Zusammenfassung der Methode

Detailliertes Verständnis des Knotenmoduls

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung basierend auf der Verwendung des On-Change-Attributs in IView. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn