v-model を div タグに使用する際に問題が発生しました。どうやら、div タグでは v-model が許可されていないため、コメント セクションをコンポーネントとして作成することにしました。 UI/UX の理由から、この div テキストエリアをそのまま割り当てる必要があります。 textarea、input およびその他のタグは、私の知る限り、これらのタグは contenteditable="true"; と互換性がありません。ユーザーがコメントを入力する 入力フィールドの高さ。以下は、親ビューにインポートした vue コンポーネントです。

私のビュー ファイルでは、このようにインポートして v-model を使用します。

しかし、コンソールを確認すると、値「null」または何も表示されません。この問題を解決する方法はありますか?あるいは、私が実装した方法が問題を引き起こしているのかもしれません。

編集: これは、codesandbox で実行されているコードです。