Vue: 텍스트 영역이 줄을 변경하지 않도록 하는 방법 ...

귀하의 예에는 몇 가지 잘못된 점이 있습니다.

@keyup.onEnter="update" @keyup.enter="onEnter" 를 호출해야 합니다. 왜냐하면 메소드 이름이 onEnter 가 아니라 update 이고 수정자의 이름이 enter 이기 때문입니다. onEnter 가 아닙니다.

두 번째: 줄 바꿈은 keyup 이 아니라 keydown 의 텍스트 영역에 삽입되므로 전체 코드는 다음과 같아야 합니다.

<div id="editor">
  <textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>

업데이트된 바이올린은 다음과 같습니다. https://jsfiddle.net/tedt89kv/

또한 사용자가 줄 바꿈이 있는 텍스트를 복사하여 문서에 붙여넣을 수 있다는 점을 염두에 두십시오. 어쩌면 Watcher 가 더 원하는 것일 수도 있습니다. 감시자에서는 텍스트 영역 값이 변경될 때마다 모든 개행 문자를 제거할 수 있습니다.

또한 질문을 게시하기 위해 제거한 문제 템플릿에서:

이 리포지토리의 문제 목록은 버그 보고서 및 기능 요청 전용 입니다. 간단한 질문의 경우 다음 리소스를 사용하십시오.

• 문서 읽기: https://vuejs.org/guide/
• 비디오 자습서 보기: https://laracasts.com/series/learning-vue-step-by-step
• Gitter 채팅방에서 질문하세요: https://gitter.im/vuejs/vue
• 포럼에 질문하기: http://forum.vuejs.org/
• 스택 오버플로에 대한 검색/질문: https://stackoverflow.com/questions/ask?tags=vue.js

감사합니다 ... 다음에 더 생각하겠습니다