vue

v-model used directly on prop

v-model.*cannot be used on a prop

Fixes

1.Create a computed with get/set that emits update event
2.Use defineModel() macro in Vue 3.4+
3.Use a local ref synced with watch on the prop

vuev-modelprops

Related Errors

Cannot read property of undefined in setup()

Cannot read propert(y|ies) of undefined.*setup

•Initialize reactive refs before accessing nested properties
•Add optional chaining (?.) when accessing potentially undefined objects

Computed property getter returns undefined

computed property.*getter.*undefined

•Ensure computed getter always returns a value
•Check that reactive dependencies are initialized before computed runs

Direct prop mutation warning

Avoid mutating a prop directly

•Use a local data/ref copy of the prop instead of mutating directly
•Emit an event to let the parent update the prop value