element UI 中多行消息提示的实现（this.$message的换行）

<template>
  <div style="padding: 30px">
    <el-button type="primary" @click="delBatch">批量删除</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    delBatch() {
      let msgList = ["数据1被引用", "数据2被引用"];
      // 使用html的换行标签拼接信息，默认行距太小，此处用两个<br/><br/>
      let message = `以下数据不能删除，原因是：<br/><br/>${msgList.join(
        "<br/><br/>"
      )}`;
      this.$message({
        // 将 message 就会被当作 HTML 片段处理
        dangerouslyUseHTMLString: true,
        message: message,
        type: "warning",
      });
    },
  },
};
</script>
<style scoped>
</style>