Vue 3 のネストされたプロパティへの変更を観察する

Question

リアクティブ API を使用して簡単な状態管理を作成しました

私のストアファイルは次のようになります:

リーリー

state.form.service_id の変更を観察しようとしていますが、次のエラーが発生します:

[Vue warn]: 無効なウォッチ ソース: state.form.service_id ウォッチ ソースは、ゲッター/エフェクト関数、ref、リアクション オブジェクト、またはこれらのタイプの配列のみです

監視コードを次のコードに置き換えると、機能します。

リーリー

ただし、

state.form.service_id の変更に注意する必要があります。解決策はありますか?

Answer 1

プロパティ パスの代わりにゲッター関数を使用してみてください:

リーリー