コンポーネントと v モデル

プラグインを作成するとき、多くの場合、子コンポーネントは親コンポーネントの値を積極的に変更したり、親コンポーネントをバインドしたりする必要があります。
このとき、単純な親子コンポーネント通信は適切ではないと思われます。親コンポーネントが単独でデータを操作しすぎないようにしたほうが、専用コンポーネントらしくなくなります。このとき、v-model サブコンポーネントが必要です: this.$emit('custom Attribute', data.ids
)

親コンポーネント: <z-select @customattribute='method'/>

v-model 親コンポーネントの書き方:
ここに画像の説明を挿入
データのバインド
ここに画像の説明を挿入

データ data
v-model サブコンポーネントの書き込み方法:

ここに画像の説明を挿入

構造
モデルには 2 つの値があります: サブコンポーネントのエクスポートのデフォルトでは、prop は props の変数に対応させたいことを意味し、event はイベントを意味します。イベント cc をトリガーすると、親コンポーネントの v-model の値が変更されます。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_43311271/article/details/103408182