JS(vue.js)，我如何使用linefeed？(\n)

Question

我正在用Vue.js中的通知来生成错误消息。

教程演示：https://admin.vuebulma.com/#/components/notification

教程代码：https://github.com/vue-bulma/vue-admin/blob/master/client/views/components/Notification.vue

openNotificationWithType: function (type) {
  openNotification({
    title: 'Error',
    message: 'Hello\nWorld',
    type: type
  })
}

在这段代码中，当我在字符串中使用\n时，它不会将它呈现给linefeed。

所以我一直在寻找如何在JS中应用linefeed，但我不能确切地回答。

我尝试了如下：

1)

 message: `Hello
 World`

2)

 message: 'Hello' + 
 '' + 'World'

3)

 message: 'Hello'
 + 'World'

4)

 message: 'Hello' + '\n' + 'World'

5)

 message: 'Hello<br/>World'

6)

 message: 'Hello<br>World'

7)

 message: `Hello \
 World`

8)

 message: [`Hello`,
           `World`].join(' ')

结果：

错误信息的结果

*我在Mac .

Answer 1

浏览器将文本内容中的所有空白集中到一个单独的空间中，并且不能在普通(胡子)内插中包含HTML实体。你需要指令。

因此，您必须修改通知组件以使用v-html，然后在其中使用#5。