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

Question

我想在 vue.js[=15= 的字符串中使用换行符 (\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.

提前致谢

Answer 1

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

并且在 HTML 中这样使用：

<div v-html="text">

[编辑]

请看下面fiddle.

Answer 2

试试这个：

text: "Button\ 3"

只需输入反斜杠并继续 - 希望这现在有效！

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

Is there a way to use newline characters in vue.js

newline

backslash

vue.js