ElementVue MessageBox内容过长显示问题

项目场景：

项目上，有个提示信息，需要提示条目编码，条目数量最多可以达到50个，所以极限异常情况，需要考虑50个条目都异常的情况下，怎么提示的问题？

问题描述

50个条目都异常的情况下，每个条目编号长度是32个字符，要显示完整的提示信息，在Element中MessageBox默认的式样的，显示不全

解决方案：

1 英文逗号问题

刚刚开始的时候，由于条目编号使用的是英文逗号连接，vue将50个条目的编号和连接符逗号，识别为一个连续的字符，造成条目编号显示不全，由于项目保密性，就不展示截图。这个可以通过将英文逗号改为中午逗号解决。

2 显示不全问题

第一个问题解决后，会造成整个MessageBox过长，MessageBox的确认按钮显示到屏幕下方的问题。在前端同事的帮助下，通过如下的方式，解决MessageBox窗体过长的问题，特此记录一下。

const h = this.$createElement;
await this.$confirm(<p style="max-height:500px;overflow:auto"> {{ message }}</p>, '请再次确认', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        });