this.$message换行

如果你使用的是 Vue.js 框架，并且想要在页面中使用 `$message` 实现换行，你可以尝试使用 `<br>` 标签来实现换行效果。

例如，你可以这样写：

<template>
  <div>
    <p>第一行内容</p>
    <p>第二行内容</p>
    <p>第三行内容</p>
    <p>{{ $message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      $message: "这是一段需要换行的文本<br>第二行文本",    };
  },
};
</script>

在这个例子中，`$message` 的值是包含了 `<br>` 标签的文本，当渲染到页面上时，`<br>` 标签会被解析成换行符，从而实现换行效果。

注意，在使用 `$message` 渲染到页面上时，确保要使用 `v-html` 指令来将 HTML 解析为实际的 HTML 内容，如下所示：

<p v-html="$message"></p>

这样就能正确地将 `$message` 中的 HTML 解析为真实的换行效果。

相关问题

this.$message.warning文字换行

可以通过将 `this.$message` 的 `dangerouslyUseHTMLString` 属性设置为 `true`，并在消息中使用 HTML 的换行标签 `<br>` 来实现文字换行。默认行距太小，推荐使用两个换行标签，即 `<br><br>`。

代码示例：

this.$message({
  dangerouslyUseHTMLString: true,
  message: '这是第一行<br><br>这是第二行',
  type: 'warning'
});

this.$confirm换行

在使用this.$confirm进行换行时，可以使用$createElement来创建多个p标签，并将它们包裹在一个div标签中。例如，可以使用以下代码进行换行：

const h = this.$createElement;
this.$confirm('提示', {
  title: '提示',
  message: h('div', [
    h('p', '是否将该账号密码重置为初始密码？'),
    h('p', '成功后将密码设为默认密码，默认密码为用户账号')
  ]),
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning',
})
.then(() => {
  resetPasswords(params).then((res) => {
    if (res.code == 200) {
      this.$message.success('重置密码成功');
    }
  });
})
.catch(() => {
  this.$message({
    type: 'info',
    message: '已取消重置密码',
  });
});

这样可以在确认框中显示多行文本。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue this.$confirm中提示的文字换行](https://blog.csdn.net/weixin_45799001/article/details/125086460)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [confirm提示多行内容时换行问题](https://blog.csdn.net/qq_43432057/article/details/116981331)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [js使用小技巧](https://download.csdn.net/download/qq_17486363/7619983)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]