Firestore无法保存文本区域中的换行符

Question

我正在使用带有Vue v模型的文本区域，并将其保存在Firestore集合中。但是换行符在数据库中消失了。

如何解决？

<div class="form-group">
    <textarea v-model="docsInfo" rows="3"></textarea>
</div>
// ... JS
export default {
    data() {
        return {
          title: "",
          docsInfo: "",
        };
    },
// ...
db
    .collection("posts")
    .add({
      title: this.title,
      info: this.docsInfo // from text area
    })

Answer 1

换行符不会出现在 Firestore 控制台中，文本显示为一行，但会被保存。只需在下面的链接中应用标记的答案。 Vue.js 显示空白（换行）