有没有办法在 vue.js 中使用换行符答案

【问题标题】：Is there a way to use newline characters in vue.js有没有办法在 vue.js 中使用换行符
【发布时间】：2021-11-02 09:33:11
【问题描述】：

我想在 vue.js

的字符串中使用换行符 (\n)

例如：

created() {
    this.buttons = [
      {
        id: 1,
        text: "Button \n 1",
      },
      {
        id: 2,
        text: "Button \n 2",
      },
      {
        id: 3,
        text: "Button \n 3",
      },

是否有其他方法可以做到这一点，因为那不起作用？我不想使用<pre、white-space: pre 或white-space: pre-wrap。

提前谢谢你

【问题讨论】：

你为什么不想使用这些？有什么问题吗？
可以在javascript字符串中使用这些吗？
啊我明白了 - 抱歉读到这里！
因为我想在特定空间使用这些
见下面的答案 - 这能回答你的问题吗？

标签： vue.js newline backslash

【解决方案1】：

是的。您可以使用<br>（HTML 代码）代替\n。

在 HTML 中这样使用它：

<div v-html="text">

[编辑]

请看下面fiddle。

【讨论】：

可以在javascript字符串中使用这些吗？
“这些 javascript 字符串”是什么意思？
@MrBlender 请查看我的最新评论。它可能会对你有所帮助。
非常感谢，这对我有帮助
是的，我希望我真的这样做了。祝你好运。

【解决方案2】：

试试这个：

text: "Button\ 3"

必须输入反斜杠并继续 - 希望现在可以使用！

【讨论】：

现在明白了，谢谢
如果您能接受我的回答，如果它对您有帮助，那就太好了:)
对不起，它不起作用这是代码：
文本：“按钮”+“
”+“3”，
我在浏览器中得到的结果是这样的：