firebase - Firestore 不保存文本区域的换行符

Question

我正在使用带有 Vue v-model 的文本区域并将其保存在 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 show white space (line breaks)