解决elementui消息提示this.$message换行问题

今天遇到一个问题，就是我的消息提示太长了，想要实现换行。

刚开始的效果图为

 经过研究实现的效果为

 解决方法

在element ui 的message消息提示的组件里面有个属性dangerouslyUseHTMLString（将dangerouslyUseHTMLString属性设置为 true，message 就会被当作 HTML 片段处理。）

实现代码

 var list=[]
 var array
 for(let index in res.data){//这里的需求是让我将res.data里面的内容取出来进行拼接展示
     list.push('订单号：'+res.data[index].orderNo+'原因：'+res.data[index].message+"<br/>")
     array=list.join('')//将数组转化为字符串
                }
     this.$message({
          dangerouslyUseHTMLString: true,//重点代码
           message:array,
           duration: this.common.duration,
           type: 'error',
         });

就两步就能实现this.$message换行问题。