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

2023-11-26

我正在使用带有 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 显示空格(换行符)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firestore 不保存文本区域中的换行符 的相关文章

随机推荐

  • 格式化字符串攻击

    我有一个小的 C 程序可供利用 我也理解了要执行的攻击背后的逻辑 然而 尽管我尝试了很多 但它对我来说不起作用 include
  • 在Windows下,WebGL使用DirectX运行时还是OpenGL运行时?

    在windows下 有两个主要的3D库 我想知道 WebGL 使用哪个 可以配置吗 每个浏览器都可以配置吗 Google Chrome 和 Firefox 将默认使用ANGLE将 OpenGL API 调用转换为 Direct3D 9 0
  • React Context:子项何时重新渲染?

    In 另一篇 StackOverflow 帖子 尼古拉斯帮助我理解了Context Provider重新呈现其后代Context Consumer组件时上下文值 the Provider提供更改 这一点得到了进一步证实官方文档 作为提供者后
  • 如何在python中计算x,y坐标的质心

    我有很多 x y 坐标 我根据它们之间的距离对它们进行了聚类 现在我想计算每个 x y 坐标簇的质心度量 有没有办法做到这一点 我的坐标格式如下 coordinates cluster x1 x2 x3 y1 y2 y3 每个簇的最小长度为
  • QComboBox下拉列表-设置选中项样式

    是否可以设置QComboBox下拉列表的所选项目样式 Qt样式表 解决办法是 创建一个ListView对象 设置其样式表 使用它作为 ComboBox 的视图 具体方法如下 int main int argc char argv QAppl
  • MSBuild:将单个警告视为错误

    有没有办法强制 MSBuild 将某个警告视为错误 运行 ccproj 文件的发布目标以创建 cspkg 以部署到 Azure 时 会引发以下错误 Project Name 警告 WAT150 项目 Project Name 是 依赖于以下
  • 侵入 MFMessageComposeViewController

    我知道在真实的应用程序中不允许这样做 以保护用户的隐私和安全 但出于纯粹的学术目的 我尝试在不显示 MessageComposer UI 的情况下发送消息 如下所示 MFMessageComposeViewController picker
  • 使用带参数的 DISTINCT 时 select 语句性能下降

    赏金注意事项 开始 参数嗅探 这是赏金前问题中报告的唯一 想法 不是这里的问题 您可以在问题末尾的 更新 部分中阅读 这个问题实际上与sql server在使用distinct时如何为参数化查询创建执行计划有关 我上传了一个非常简单的数据库
  • 如何使用react-router在浏览器中停止/#/?

    有什么方法可以预防 使用react router时在浏览器地址栏中显示 这就是 ReactJS 的情况 即单击链接转到新路线显示localhost 3000 or localhost 3000 about 取决于路线 多年来 随着 Reac
  • 在Mac上编辑PATH变量[关闭]

    Closed 这个问题是无关 目前不接受答案 如何在 mac Lion 上编辑 PATH 变量 我找不到任何可以添加路径的文件 有人可以指导我吗 文件名是什么 profile 或 bash profile 我在哪里可以找到它 我努力了 ec
  • 一个 StoredProcedure 中的多个更新语句

    我想知道存储过程中是否可以有多个 Update 语句 像这样的东西 Update Table1 set field1 new value where id table1 id Update Table2 set field2 new val
  • CloudKit复合查询(使用OR查询)

    我想使用 OR 和两个字段来查询 CloudKit 但我找不到如何做到这一点的方法 我所做的是 NSPredicate predicate1 NSPredicate predicateWithFormat creatorUserRecord
  • 如何使用php生成两个日期之间的随机日期?

    我正在编写一个应用程序 我需要在两个固定时间戳之间分配随机日期 我如何使用 php 实现此目的我首先搜索过但只找到了 Java 而不是 php 的答案 例如 string randomdate 1262055681 1262055681 P
  • Plotly Dash:如何重置 dash-html.button 的“n_clicks”属性?

    我在绘图 破折号中有一个基本数据表 我的目标是在按下上传按钮后上传 或为了示例而打印 问题是 我不知道如何获得n clicks按钮的属性回到零 因此 发生的情况是 在我第一次单击该按钮后 只要发生更改 添加行或更改 添加数字 它就会连续打印
  • 使用 Android Studio 和 Gradle 进行单元测试?

    如何轻松地将单元测试添加到 Android Studio IntelliJ 中的 Android 项目 更准确地说 我想添加一个包含测试代码 JUnit 4 的文件夹 并使用常规安装的 JDK 而不是在 Android 模拟器中 从那里执行
  • 在 Emberjs 中销毁之前对视图进行动画处理

    目前没有办法延迟 Ember 中的视图破坏 当您想要在销毁视图之前对其进行动画处理时 这会出现问题 所以 我目前有一个非常丑陋的解决方法 willDestroyElement gt clone clone addClass animate
  • Azure DevOps Pipeline - 仅当不存在时才部署 Maven

    我对 Azure DevOps 和 Maven 都是新手 我们已经建立了一个 Azure 构建管道 以便它将为快照构建和发布部署工件 我希望发布工件的部署是幂等的 也就是说 如果工件已经部署 那么它不应该是错误 问题是我得到了409 资源冲
  • 使用 Java EE 6 将 EJB 注入域对象

    如何使用 Java EE 6 将 EJB 注入域对象 JPA 实体 在 Java EE 6 中 CDI 将托管组件的概念扩展到任何事物 并且可以将 EJB 注入到 CDI 托管 bean 中 使用 Inject注解 但是 虽然已经考虑了 J
  • std::aligned_storage 的 static_cast 和 reinterpret_cast

    有人可以解释一下关于投射的代码吗http en cppreference com w cpp types aligned storage please 可以用下面的代码 return static cast
  • Firestore 不保存文本区域中的换行符

    我正在使用带有 Vue v model 的文本区域并将其保存在 firestore 集合中 但换行符在数据库中消失了 如何解决 div class form group div