Javascript Buefy工具提示中的新行

我想显示一个文本，其中应该包含两行新行作为工具提示文本

<b-tooltip label="Item 1 \r\n Item 2 \r\n Item 3" size="is-small" type="is-light" position="is-top" animated multilined>
  <b-button type="is-primary" size="is-large" icon-left="compact-disc">
      Action
  </b-button>
</b-tooltip>

行动

使用

\r\n

或

的新行无效

如何在该元素上强制换行

最好有一个合适的html内容作为工具提示，但目前Buefy不支持它

编辑：

---

将css空白更改为

pre

或

pre-wrap

：

.b-tooltip:after {
  white-space: pre !important;
}

并使用

和#xa而不是
\n

  <b-tooltip label="Item 1 &#xa; Item 2 &#xa; Item 3" size="is-small" type="is-light" position="is-bottom" animated multilined>
    <b-button type="is-primary" size="is-large" icon-left="compact-disc">
      Action
    </b-button>
  </b-tooltip>


行动

请参阅：
谢谢。它在Codepen示例中起作用，但在我的网站上不起作用。我附上了一张截图。这很奇怪，我可以通过开发工具看到空白属性得到了正常应用。
空白
是否应用于
：在
伪元素之后？数据标签上有什么文字？是的，和代码笔一样。只有新行字符没有转换成新行，这很奇怪。我试着键入整个
；和
；没有成功。它被视为一个简单的文本。现在，我使用与您的示例相同的代码，文本是“项目1
；项目2
；项目3”，但稍后我想显示一些文本+数字。