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

Question

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

그럼...

으아악

렌더링해야 하는 항목:

으아악

---

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

으아악

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

으아악

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

으아악

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

Answer 1

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

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