ホームページ > ウェブフロントエンド > jsチュートリアル > IView での on-change 属性の使用に基づく詳細な説明

IView での on-change 属性の使用に基づく詳細な説明

亚连
リリース: 2018-05-30 10:47:34
オリジナル
4593 人が閲覧しました

以下に、IView での on-change 属性の使用方法の詳細な説明を共有します。これは優れた参考値であり、皆様のお役に立てれば幸いです。

私は Android 開発者です。仕事の都合上、ここ 2 日間、input タグの onchange に悩まされてきました。それでは早速、次に何が起こったのか、そしてその解決策を説明しましょう。

問題が発生します

私は以前、地方自治体と地方自治体の 3 レベルの連携の小さな機能を実装する vue の素晴らしいフレームワークを研究したところです。コードの一部は次のとおりです。

フロントエンドインターフェース用 vueを書いた後、フロントエンドとバックエンドのコードを同じプロジェクトにマージした際、onchange=などのjsやhtmlのコード仕様とvueの間で不一致により様々な問題が発生しました。 iview の "", @change="" は機能しませんでした。最終的に、問題は強力な検索エンジンである Google によって解決されました

iview でそれを記述する正しい方法があります。 be: @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>
ログイン後にコピー
上記を皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

関連記事:

js+ca​​nvasでスライディングパズル検証コード機能を実装

JSの非配列オブジェクトの配列への変換まとめ


Nodeモジュールを深く理解


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

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