Vue 3 スロット コンテンツで改行文字 (\n) を取得するにはどうすればよいですか?

Question

Vue 2 コンポーネントを Vue 3 に移行しようとしています。この考え方は、Vue の "ln2br" (実際には "ln2p") に似ています。

＃＃＃それで...＃＃＃ リーリー

レンダリングする必要がある:

リーリー

これは私の

---

動作コンポーネントです

MyLinebreak.vue Vue 2 コード: リーリー Slots API は

Vue 3

で変更されたため、lines の計算を書き直してみました。 リーリー しかし、.children

には

\n 文字が含まれていないため、正しく表示されません (すべての行が 1 行に表示されます)。 リーリー それでは、Vue 3

で

\n 文字のテキスト コンテンツを取得するにはどうすればよいでしょうか?

Answer 1

ここでの が関連するため、Vue の compilerOptions.whitespace を preserve に変更します。 リーリー 詳細については、

Vue 3 ドキュメントを参照してください: https://v3.vuejs.org/api/application-config.html#compileroptions-whitespace##