Vue v-tooltip 换行符

Question

我正在使用v-tooltip。我想向按钮添加一些工具提示文本，并且想要换行符，但我无法确定是否可以使用此方法进行换行符。我查看了文档，但看不到任何地方引用了此内容。

<button v-tooltip="`This is one line \n This is another line`">

工具提示的理想输出：

This is one line
This is another line

然而，文本只占一行。也许使用\n不是方法，还有其他建议吗？谢谢。

Answer 1

您可以使用一个对象作为具有内容属性的指令的值，该br属性在内容中具有标记以换行并html:true作为第二个属性：

<button v-tooltip="{ content: 'This is one line <br/> This is another line', html: true }">