IView에서 on-change 속성을 사용하는 방법

이번에는 IView에서 on-change 속성을 사용하는 방법과 IView에서 on-change 속성을 사용할 때 주의사항에 대해 설명하겠습니다.

문제가 발생합니다

방금 동료들과 함께 vue의 멋진

프레임워크를 연구했는데, 이는 지방 및 지방자치단체 수준에서 3단계 연결의 작은 기능을 구현합니다.

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

vue로 프론트엔드 인터페이스를 작성한 후, 프론트엔드 코드와 백엔드 코드를 동일한 프로젝트로 병합할 때 js, html

코드 사양, vue 간의 불일치로 인해 등 다양한 문제가 발생했습니다. onchange="", @change=""가 iview에서 작동하지 않았습니다. 마침내 문제는 강력한 검색 색인 엔진인 Google을 통해 해결되었습니다.

문제 해결

iview의 올바른 작성 방법은 다음과 같습니다. @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>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

Vue에서 storejs 데이터 수집을 처리하는 단계에 대한 자세한 설명

Vim을 다시 시작하지 않고 .vimrc를 다시 로드하는 방법은 무엇입니까

위 내용은 IView에서 on-change 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!