element 中 Notification / MessageBox / Message 消息提示内容换行显示

68 阅读1分钟

以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>
  `
})

最终效果图

image.png