vue解决elementui消息弹出框ElMessageBox动态内容换行问题

1. 实现效果

2.解决方法: 使用模板字符串 + br 标签换行 + dangerouslyUseHTMLString 属性

2.1 JS处理

const deleteBusArea = () => {
  ElMessageBox({
    title: '提示',
    message: `${busArea.deleName}有${busArea.deleSonNumber}个下属区域，删除后其下区域将一并删除<br/>${busArea.deleName}或其下属区域下存在督导/拓展，删除此区域后，督导/拓展对应的区域请及时维护`,
    dangerouslyUseHTMLString: true,
    showCancelButton: true,
    confirmButtonText: '确认',
    cancelButtonText: '取消'
  }).then(() => {
    api.businessArea.deleteCodeUp({ code: busArea.deleCode }).then(res => {
    })
  })
}