以Notification为例
// 模拟后端请求过来的数组
const list = [
'DD202312010001',
'DD202312010002',
'DD202312010003',
'DD202312010004',
]
// 这些订单批量付款的时候都失败了
// 将数据循环出来的html结构的字符串
let str = ''
// 将数据循环并依次合并
list.forEach((item) => {
str += `<div>${item}</div>`
})
this.$notify.warning({
title: '提示',
dangerouslyUseHTMLString: true, // 必须配置才能识别HTML结构
message: `
<div>以下订单</div>
${str}
<div>付款失败</div>
`
})
最终效果图