vue+elementUIconfirmmessage换⾏显⽰提⽰信息  我们平时遇到的提⽰信息都是⼀⾏展⽰的，但是最近的项⽬要求将不符合要求的数据全部换⾏展⽰。样式如下：
  顶部提⽰信息message
代码实现如下：
let returnMsgList = [
”⽤户’孙⼩⼩'的登录⼿机号：138已占⽤，请修改“，
”⽤户’孙xx'的登录⼿机号：138已占⽤，请修改“
];
// 最终展⽰数据，创建元素；
let newDatas = [],h = this.$createElement;
// 循环数据依次放⼊最终数据中
for (const i in returnMsgList) {
newDatas.push(h('p', null, returnMsgList[i]))
}
// 弹出优雅展⽰
this.$({
message: h('div', null, newDatas)
});
  同理：confirm 提⽰信息
代码实现如下：
let returnMsgList = [
”⽤户’孙⼩⼩'的登录⼿机号：138已占⽤，请修改“，
”⽤户’孙xx'的登录⼿机号：138已占⽤，请修改“
];
let newDatas = [],h = this.$createElement;
elementui登录界面for (const i in returnMsgList) {
newDatas.push(h('p', null, returnMsgList[i]))
}
_this.$confirm( h('div', null, newDatas), '提⽰', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '已导⼊'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消导⼊'
});
});
  代码实现环境：vue+elementUI。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。