我正在创建一个 sticky 应用程序,用户可以通过在文本区域中输入多行文本来添加 sticky .当我在Firebase中保存 sticky 时,它是用我想要可视化的换行符(\n)保存的.

因此,我写了一个过滤器,用<br />替换这些字符,效果很好

推荐答案

Wrap the content in a pre element.

<pre>元素将在其中包含空格,例如:

This is followed by a newline,
not that you can tell
<br />
<br />
<pre>You can see the newline after me!
Woohoo!</pre>

将导致:

This is followed by a newline, not that you can tell

You can see the newline after me!
Woohoo!

这样,就不需要对换行进行任何过滤.

Vue.js相关问答推荐

当props 的值改变时如何更新类'

Vue.js编译的render函数不起作用

如何在 Vuetify 2 中的轮播项目上放置 href 属性?

如果似乎没有明确使用输入事件,那么发出输入事件有什么作用?

在 Vue 中删除自定义组件代码重复的方法?

Vue3 动态渲染

两个div元素之间的vue2过渡

运行vue-cli-service build --watch时没有 CSS 文件

如何在 vue.js 构建中重命名 index.html?

如何在 Laravel 中包含 Bootstrap-Vue

使用 vue-cli 遇到无法推断解析器错误

如何在 vue.js 中包含当年的版权?

使用 vue-property-decorator 时注册本地组件

Angular 5 中的 功能

如何告诉 Vue-cli 我的应用程序的入口点在哪里?

使用 puppeteer 生成 PDF 而不保存

从 vuex 存储访问 $vuetify 实例属性

vue 未在实例上定义,但在渲染期间引用

v-if 未在计算(computed)属性上触发

Vuex Mutation 正在运行,但组件在 vue 开发工具中手动提交之前不会更新