v-model 到 div 标记时出现问题。显然， div 标签不允许 v-model ，我决定将我的评论部分创建为组件。由于 UI/UX 原因，我需要按原样分配此 div 文本区域。 textarea、input 等标签，据我所知，这些标签与 contenteditable="true" 사용은 호환되지 않습니다. 사용자가 댓글을 입력할 때 확장하려면 입력 필드의 높이가 필요합니다. 다음은 상위 뷰에서 가져온 vue 구성 요소입니다.
내 보기 파일에서 이를 가져와서 v-model를 이렇게 사용했습니다.
하지만 콘솔을 확인하면 값이 "null"이거나 아무것도 표시되지 않습니다. 이 문제를 해결할 방법이 있나요? 아니면 내가 구현한 방식이 문제를 일으키는 것일 수도 있습니다.
EDIT: 다음은 코드샌드박스에서 실행되는 코드입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
문제를 해결했습니다. 코드는 다음과 같습니다. 도움이 되길 바랍니다
div 태그에 @를 추가하면 변경 메소드에서 태그 내용이 변경되는 것을 볼 수 있습니다. 이 방법에서는 Emit$을 사용하여 그 값을 다른 구성요소와 공유합니다
으아악여기에는 $emit로 생성된 props가 있으며 comment 변수에서 해당 값을 초기화합니다. 실제로 v-model과 유사한 기능을 가지고 있습니다.
으아악