如何在firestore中存储和显示多行文本

Question

当我使用存储数据时

  <vs-textarea  v-model="textarea" label=" Description "  rows="5"  />                

例如

       abc
       def
       geh

数据以字符串的格式存储在firestore中

abc def geh

使用检索时会显示相同的内容

 <vs-collapse>
                <vs-collapse-item>
                    <div slot="header">Read More</div>  
                   {{ jobDetails.description }}

                    </vs-collapse-item>
            </vs-collapse>

如何在 firestore 中存储多行文本？

Answer 1

您可以添加 '\n' 字符作为换行符并使用white-space: pre-wrapcss 来显示它们。
https://codepen.io/GuillaumeMeral/pen/NWWNWMr