分类：$notify

2022
03-03

浅谈element的$notify注意点

我的初衷是把element-ui的$notify通知封装成一个组件，登录成功后调用获取低库存接口，如果获取接口的列表当中库存大于0，则显示这个通知，并且在文本当中提供点击事件。因此，首先想到的就是使用dangerouslyUseHTMLString属性，可以插入html字符串exportdefault{methods:{open12(){this.$notify({title:'HTML片段',dangerouslyUseHTMLString:true,message:'<strong>这是... 继续阅读 >

2020
11-11

Vue 解决在element中使用$notify在提示信息中换行问题

在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。实现方式如下：通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification：.el-notification{white-space:pre-wrap!important;}有的童鞋可能试过样式white-space:pre，此时... 继续阅读 >