vue ElMessageBox多行

`Vue.js` 中的 `ElMessageBox` 是 Element UI 提供的一个弹窗组件，它用于显示消息、警告、确认对话框等，支持自定义内容和多行文本。如果你想在弹出框中显示多行文本，可以使用 `message` 或 `custom` 方法，并传递一个包含 HTML 标签的字符串作为内容。

例如：

<template>
  <el-button @click="showMultiLineDialog">点击显示多行对话</el-button>
</template>

<script>
export default {
  methods: {
    showMultiLineDialog() {
      const message = `
        <p>这是第一行文本。</p>
        <p>这是第二行，可以是任何多行的内容。</p>
      `;
      elMessageBox({
        type: 'info', // 可选值：'info', 'success', 'warning', 'error', 'confirm', 'tip'
        message: message, // 传递多行文本
        showClose: true, // 是否显示关闭按钮，默认为 true
      });
    },
  },
};
</script>

当你点击按钮时，会弹出一个包含多行文本的信息框。