Firestore는 텍스트 영역의 줄 바꿈을 저장하지 않습니다.

Firestore는 텍스트 영역의 줄 바꿈을 저장하지 않습니다.

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
    })

줄 바꿈은 Firestore 콘솔에 표시되지 않고 텍스트는 한 줄로 표시되지만 저장됩니다.아래 링크에 표시된 답변을 적용하기만 하면 됩니다.Vue.js에 공백 표시(줄 바꿈)

언급URL : https://stackoverflow.com/questions/48106793/firestore-does-not-save-line-breaks-from-text-area