텍스트 필드에서 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).
귀하의 경우 더 간단한 대안이 있습니다(아마도 </code> 包装在 <code>v-if="np"</code> 中），不使用 <code>v 的可选链接-model</code> <br />: <code>v-model.trim="np?.description"</code> 替换为 <code>v-model.trim="np.description"</code> 윌 </p>. <p> </p>효과가 있을 거예요. 🎜</p><span class="detail_answer2" style="float: left" fid="257815"><div class="btn wenda-second-btn" name="P粉729436537" fid="257815">회신하다</div></span><i class="layui-icon layui-icon-praise wenda-praise-btn"><span>0</span></i></div></li><div class='more'></div></div><div class='discuss-submit bg-white'><li class='info layui-clear'><span class='f-left' id='discuss-submit-close'>취소</span><span class='f-left wenda-reply-text'>회신하다</span></li><li class='layui-clear'><textarea type='text' rows="6" placeholder="리뷰할 내용을 입력해주세요" class="wenda-reply-content-text">