Vue 在 Element 中解决 $notify 提示信息中的换行问题

简介：
本文介绍了在使用Element UI框架时，如何通过自定义模板和设置属性的方式，在$notify方法中实现提示信息文本的正确换行显示。 在项目开发过程中，遇到提升用户体验的需求：需要根据后台返回的错误列表展示错误提示，并且要求换行显示。 实现方法如下： 通过F12查看元素，在对应的样式中加入`white-space: pre-wrap`，该样式的功能是识别字符串中的换行符`\n`。因此在待展示的信息字符串中也需要添加相应的换行标识符。 对于使用$notify消息提示的场景，需要修改el-notification类： ```css .el-notification { white-space: pre-wrap !important; } ``` 有些开发人员可能尝试过使用`white-space: pre`样式，但这样会导致当提示信息较长时显示不完整的问题。