element-ui下提示框messageBox内容换行问题

诉求：在使用element-ui的情况下，想在前端弹出提示框，且框内的消息可以自由换行。

解决方法：在this.alert中加一个配置：

dangerouslyUseHTMLString:true

然后就可以以html的方式输入提示框的内容了，可以自由的调整字号，换行，空格，颜色等。

源码：

this.$alert('<h4>这是第一行</h4><br><h5 style="color:lightgrey">这是第二行</h5>', '', {
                                    dangerouslyUseHTMLString:true,
                                    confirmButtonText: '确定',
                                    center:true,
                                    callback: action => {
                                        return;
                                    }
                                });

最终结果：

 

附element-ui提示框用法：

https://element.eleme.cn/#/zh-CN/component/message-box