Comment utiliser l'attribut on-change dans IView

Cette fois, je vais vous montrer comment utiliser l'attribut on-change dans IView Quelles sont les précautions lors de l'utilisation de l'attribut on-change dans IView. cas pratique. Jetons un coup d'oeil.

Un problème survient

Je viens d'étudier le génial framework de Vue avec mes collègues, qui implémente de petites fonctions de liaison à trois niveaux aux niveaux provincial et municipal. Une partie du code est la suivante :

<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>

Après l'écriture de l'interface front-end dans Vue, lorsque les codes front-end et back-end ont été fusionnés dans le même projet, divers problèmes ont été causés en raison de l'incohérence entre les

spécifications du code js et html et Vue, comme onchange ="", @change="" ne fonctionne pas dans iview Enfin, grâce à Google, un puissant moteur de recherche index , le problème a été résolu,

Résoudre le problème La méthode d'écriture correcte dans iview devrait être : @on-change

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur. le site PHP chinois !

<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>

Lecture recommandée :

Explication détaillée des étapes permettant à vue de traiter l'acquisition de données storejs

Ne redémarrez pas Vim mais rechargez-le Quelles sont les méthodes de .vimrc

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!