コンポーネントのローカル スコープに双方向でバインドする入力を持つコンポーネントを作成したいと考えています。
コンポーネントがなければ、新しいVueインスタンスを作成してdataから、必要なものを設定します。次に を使用してv-model、入力をそのデータにバインドすると、入力から操作できます。
ただし、同じコードをコンポーネントに変換すると、私の人生では、コンポーネントの入力を取得してそのデータにバインドすることはできません。props、:data.sync、dataattributes を試しましたが、何を試しても、コンポーネント内の入力は何もしません。
これを説明するために JSFiddle を作成しました。
https://fiddle.jshell.net/f0pdmLhy/2/
私がしたいのは、下の非コンポーネントバージョンと同じように、コンポーネントの入力を err 変数に双方向バインドすることです。
どうすればこれを達成できますか?
私は基本的に、ajax データでインスタンス化して入力を設定できるコンポーネントを作成したいと考えています。その後、入力によってデータが更新され、save メソッドを使用してデータをサーバーに送信できます。これはコンポーネントを使用して行うこともできますか?