Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung basierend auf der Verwendung des On-Change-Attributs in IView
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!