今回は、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>
推奨読書:
Vueがstorejsデータ取得を処理する手順の詳細な説明Vimを再起動せずに.vimrcを再ロードする方法とは何ですか
以上がIView で on-change 属性を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。