JavaScript - 双方向バインディング v-model に関する質問
phpcn_u1582
phpcn_u1582 2017-05-19 10:39:18
0
5
582

vue に出会ったばかりですが、サブコンポーネントでの v-model の使用や、最終的に this.$emit('input' を介してデータを渡すなど) v-model についていくつか質問があります。 , value) 親コンポーネントに戻ります。
では、双方向バインディングには何か制限があるのでしょうか?たとえば、親コンポーネント内のデータのキー/値を操作できる場合、親コンポーネントのデータ内の配列の対応する値を操作できるでしょうか?
もう 1 つは、計算された属性の配列に対して双方向のバインド操作を実行できるかどうかです。

試してみたところ、動作結果は上の画像のようになったようなので、できれば操作方法を教えていただきたいです。

リーリー

checkbox このコンポーネントは一般的なチェックボックス ボタンであり、スタイルを統一的に制御し、最終的に true と false を返します。

phpcn_u1582
phpcn_u1582

全員に返信(5)
漂亮男人

子コンポーネントと親コンポーネントのデータは一方向に流れます。これは、子コンポーネントが親コンポーネントのデータを改ざんして無秩序なポータルを引き起こすことを防ぐためです。

いいねを押す +0
漂亮男人

親子コンポーネントでは計算されたプロパティを使用できません。set と get を自分で実装する必要があります。

いいねを押す +0
曾经蜡笔没有小新

サブコンポーネントは親コンポーネントのプロパティ値を自由に変更できません
そして計算されたプロパティのドライバーはそれが依存する変数に基づいており、一般に計算されたプロパティの双方向のバインディングはありません

いいねを押す +0
PHPzhong

同様のデータのやり取りがたくさんある場合は、vuex を使用してみてはいかがでしょうか?

いいねを押す +0
巴扎黑

親コンポーネント(parent)は、子コンポーネントの入力イベントにメソッドを記述して、親のデータ内の配列を操作できます

計算プロパティは set/get 操作をサポートします。get はデフォルトの操作 (戻り値) で、set に this.$emit('xxx', value) を記述して渡すことができます。イベントを通して外に出て、xxx​​を「入力」にすると、より柔軟に書くことができます

https://cn.vuejs.org/v2/guide... 計算セッター

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート