텍스트 필드에서 Vue3 + TypeScript v-model을 사용하는 방법은 무엇입니까? "오류: 잘못된 할당 대상"

Question

전혀 틀렸습니다:

으아아아

이것은 App.vue:

으아아아

다음은 오류를 완전히 재현한 것입니다:

• https://stackblitz.com/edit/vue3-vite-typescript-starter-jkcbyx?file=src/App.vue

---

여기서 도움을 주셔서 감사합니다 <3

이 질문은 다소 혼란스럽습니다.

Answer 1

이중제본(v-model) 与可选链接 (np?.description)을 결합할 수 없습니다. 이중 바인딩은 getter와 setter를 의미합니다. np가 false일 때 setter가 무엇을 설정하길 원하시나요? v-if 로 래핑하고 있다는 것을 알고 있지만 선택적 연결은 대상 객체 구조가 정의되지 않았을 수 있음을 v-model에 알려줍니다. 이는 잘못된 할당 대상입니다.

한 가지 방법은 다음을 허용하는 계산된 description，您可以在其中指定当np的当前值时如何设置np.description >을 만드는 것입니다.

으아악

여기에서 어떻게 작동하는지 확인하세요: https://stackblitz.com/edit/vue3-vite-typescript-starter-wrvbqw?file=src%2FApp.vue

---

위는 매우 일반적인 해결 방법입니다(실제로 정말로 필요한 경우 의 선택적 링크를 사용 v-model).
귀하의 경우 더 간단한 대안이 있습니다(아마도 包装在 v-if="np" 中），不使用 v 的可选链接-model
: v-model.trim="np?.description" 替换为 v-model.trim="np.description" 윌

.

효과가 있을 거예요. 🎜