效果如下：
-
第一步，封装MessageBox函数
在http.js（你封装函数的js文件里面）引入MessageBox
import { MessageBox } from 'element-ui';// 多行查看box框
export function messageBoxMutiple(content,title,func){
MessageBox.confirm(content, title, {
type: 'error',
showConfirmButton:false,
showCancelButton:false,
dangerouslyUseHTMLString:true
}).then(function () {
func();
}).catch(() => {
});
}-
第二步：在你的vue文件中使用
先引入你封装的方法
import { messageBoxMutiple} from "../../../assets/common/http"使用（这里使用的是模板字符串拼接实现换行）
var str = ''
var data = ["列:M,起始行:11,结束行:18 合并单元格错误",
"列:X,起始行:43,结束行:44 合并单元格错误"]
data.forEach((item) => {
item = item + ";";
str += `<div>${item}</div>`;
});
messageBoxMutiple(str, "导入错误", function () {});版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/149744.html
