国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - vueでのコンポーネント分割と組み合わせ使用の問(wèn)題
漂亮男人
漂亮男人 2017-05-19 10:37:17
0
1
703

私は Vue を初めて使用します。現(xiàn)在、グリッド コンポーネントとダイアログ コンポーネントを使用して小さな演習(xí)を行っています。グリッドの各行に削除ボタンがあり、クリックすると、削除するかどうかを確認(rèn)するポップアップ ウィンドウが表示されます。 gird コンポーネントは次のとおりです:

ダイアログ コンポーネントの図は以下のとおりです:

App.vue で vue インスタンスを作成し、グリッド コンポーネントを?qū)毪筏蓼埂%昆ぅⅴ恁挨?App.vue に導(dǎo)入する必要があるのか??、グリッドに導(dǎo)入する必要があるのか??わかりません。グリッドに導(dǎo)入すると、ダイアログとグリッドが深く結(jié)びつきすぎてしまうのではないか?アプリ內(nèi)にダイアログを?qū)毪筏繄?chǎng)合、ダイアログを表示するかどうかの制御はアプリ側(cè)で制御する必要がありますが、ダイアログを閉じるのはダイアログ側(cè)で制御すべきだと感じます。
私の現(xiàn)在のアプローチは、App.vue に gird とダイアログをそれぞれ導(dǎo)入することです。削除ボタンをクリックすると、gird でイベントが発行され、そのイベントはアプリで監(jiān)視され、ダイアログを表示するかどうかを制御する値が設(shè)定されます。 true に変更されます。ダイアログを閉じるボタンがクリックされるとイベントが発行され、アプリはイベントをリッスンし、ダイアログを表示するかどうかを制御する値を false に変更します。このような扱いはしてはいけないような気がします。
コンポーネントをより適切に分割および結(jié)合する方法について先輩からアドバイスをお願(yuàn)いします。ありがとう!

漂亮男人
漂亮男人

全員に返信(1)
習(xí)慣沉默

v-modelを使用してダイアログを入力として「?jìng)窝b」し、親子雙方向データフローを?qū)g現(xiàn)します

サブコンポーネント:

リーリー

父:

リーリー

このようにして、親は showDialog を非表示/表示に変更し、子コンポーネントで close を呼び出すと showDialog の値も更新されます

公式ドキュメント https://cn.vuejs.org/v2/guide... カスタムイベントを利用したフォーム入力コンポーネント

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート