찾다

 >  Q&A  >  본문

Vue 3 슬롯 콘텐츠에서 개행 문자(\n)를 얻는 방법은 무엇입니까?

Vue 2 구성 요소를 Vue 3으로 마이그레이션하려고 합니다. 아이디어는 Vue의 "ln2br"(실제로는 "ln2p")과 같습니다.

그럼...

으아악

렌더링해야 하는 항목:

으아악

이것은 Vue 2용 내 MyLinebreaker.vue 작업 구성 요소 입니다. 코드:

으아악

Slots API가 Vue 3에서 변경되었으므로 lines 계산을 다시 작성해 보았습니다.

으아악

하지만 .children 不包含 n 문자 때문에 잘못 렌더링됩니다(모든 줄이 한 줄에 있음).

으아악

그렇다면 Vue 3에서 n 문자의 텍스트 콘텐츠를 얻는 방법은 무엇일까요?

P粉391677921P粉391677921319일 전621

모든 응답(1)나는 대답할 것이다

  • P粉752479467

    P粉7524794672024-03-27 10:03:43

    compilerOptions.whitespace 更改为 preserve여기와 마찬가지로 Vue에서도 됩니다. < /p> 으아악

    자세한 내용은 Vue 3 문서를 참조하세요. https://v3.vuejs.org/api/application-config.html#compileroptions-whitespace

    회신하다
    0
  • 취소회신하다