ホームページ > ウェブフロントエンド > jsチュートリアル > IView で on-change 属性を使用する方法

IView で on-change 属性を使用する方法

php中世界最好的语言
リリース: 2018-04-11 14:03:42
オリジナル
3717 人が閲覧しました

今回は、IView で on-change 属性 を使用する方法と、IView で on-change 属性を使用する際の 注意事項 を​​説明します。実際のケースを見てみましょう。

問題が発生します

私はちょうど同僚と一緒に vue の素晴らしい

フレームワーク

を研究したところです。これは州レベルと地方自治体レベルでの 3 レベルの連携の小さな機能を実装しています。コードの一部は次のとおりです。 フロントエンドインターフェイスをvueで書いた後、フロントエンドとバックエンドのコードを同じプロジェクトにマージすると、などのjs、htmlコード仕様

とvueの間の不整合により様々な問題が発生しました。 onchange

=""、@change="" は iview では機能しませんでしたが、最終的に、この問題は Google、強力な検索 インデックス エンジン によって解決されました。 問題を解決してください

iview での正しい記述方法は次のとおりです: @on-change

<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>
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Vueがstorejsデータ取得を処理する手順の詳細な説明

Vimを再起動せずに.vimrcを再ロードする方法とは何ですか

以上がIView で on-change 属性を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ie
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート