1.1 问题描述

因业务需求要求 ant 的 notification 通知框中内容 需要支持 html标签。

1.2 解决方案

根据 官方文档的API 可以看出,提示内容可以采用以下3种类型方式。于是 选择第二种 vueNode方式。

核心代码如下:

/*** 其中 domProps: { innerHTML: errorMsg } 核心关键,然后 errorMsg 可以携带html标签了* 同时还可以进行其他属性配置,具体查看 https://www.cnblogs.com/yuxiaole/p/9353031.html*/
const h = this.$createElement;
this.$notification.error({key: notificationKey,message: "温馨提示",description: h("div", null, [h("p", { domProps: { innerHTML: errorMsg } }, null),]),duration: 0,placement: "bottomLeft",
});

ant notification通知框 内容支持html标签相关推荐

  1. 简单的解决textarea文本框内容换行,对应到页面的内容也换行的问题

    当我们在页面上通过 textarea 提交数据的时候,我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信 ...

  2. 印象笔记桌面版怎么导出html,服务通知:印象笔记PC端Markdown取消支持HTML标签解析功能...

    亲爱的用户: 印象笔记电脑端 Markdown 取消了对 HTML 标签解析功能的支持,使用 Windows 6.15.12 Beta 版及 Mac 8.3.2 版的部分用户将受到影响,以下是对本次影 ...

  3. 在echarts中自定义提示框内容

    1.期望效果 以柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容. 如下图,鼠标滑过每个数据项时, 第1张是默认提示框: 第2张是处理成 ...

  4. python tkinter输入框_python TKinter获取文本框内容的方法

    python TKinter获取文本框内容的方法 更新时间:2018年10月11日 11:36:08 作者:biubiuzzz 今天小编就为大家分享一篇python TKinter获取文本框内容的方法 ...

  5. easyui根据select下拉框内容更新表单内容_Ant Design 4.0 的一些杂事儿 - Select 篇

    前几篇: Ant Design 4.0 的一些杂事儿 - Table 篇 Ant Design 4.0 的一些杂事儿 - Form 篇 聊完了 Table 和 Form 两个重型组件,我们来继续聊聊看 ...

  6. Android Notification通知详解

    Android Notification通知详解 Notification: (一).简介: 显示在手机状态栏的通知.Notification所代表的是一种具有全局效果的通知,程序一般通过Notifi ...

  7. Notification通知全文 7.0 and 8.0通知 ,横幅 ,显示,抖动,响铃

    RemoteViews在更改通知(Notification)中经常会用到 RemoteViews所支持的View类型如下图所示(注意不支持下图中View的子类): RemoteViews所支持的Vie ...

  8. Android Notification通知详细解释

    Android Notification通知具体解释 Notification: (一).简单介绍: 显示在手机状态栏的通知. Notification所代表的是一种具有全局效果的通知,程序一般通过N ...

  9. dede织梦内容管理系统模板标签代码参考

    ◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记是DedeCms最常用的一个标记,也叫自由列表标记,其中 hotart.coolart.likeart.artlist.imgli ...

  10. Android学习日记 Notification 通知

    Android学习日记 Notification 通知 文章目录 Android学习日记 Notification 通知 前言 使用步骤 总结 前言 下拉状态栏显示的通知功能 使用步骤 代码如下: p ...

最新文章

  1. 【CVPR2020 Oral】只需一行代码就可提升迁移性能
  2. openresty开发系列2--nginx的简单安装,正向、反向代理及常用命令和信号控制介绍...
  3. 更效率、更优雅 | 阿里巴巴开发者工具不完全盘点
  4. JavaScript 进阶(二)变量作用域
  5. Linux文件查看/编辑方法介绍
  6. CODE[VS] 2824 盗窃-大海的奇迹
  7. 2012递归求解单链表中的结点个数(C++,附递归函数思路讲解与手绘图)
  8. 三星Galaxy A90翻转摄像头出变故:或仍将采用水滴屏设计
  9. 基于JAVA+SSH+MYSQL的在线考试系统
  10. 手动安装pytorch gpu版本 (cpu版本同理)
  11. 安全强化你的 Linux 服务器的七个步骤
  12. arm-linux cannot find -lgcc_s,arm-linux-gcc编译avrdude时报错: cannot find -lncurses
  13. 【图像提取】基于matlab PCA-CSIFT feature图像特征提取【含Matlab源码 1174期】
  14. flash 林度_flash怎么制作呢 ?
  15. 基于 IPIP.NET 进行公网故障排查
  16. 萤火小程序商城V2.0开源版源码-支持小程序+H5+公众号+APP
  17. android开发实现微博正文效果、顶部悬浮、ScrollView嵌套ListView
  18. srs信道估计_信道估计(channel estimation)图解——从SISO到MIMO原理介绍
  19. 透明网桥对数据帧的处理方式
  20. 人工智能—— 产生式表示法

热门文章

  1. 网络设备:中继器、集线器、网桥、交换机、路由器、网关的超全总结
  2. unity3d中的local和global
  3. juniper 开放端口_Juniper 防火墙端口映射设置
  4. JVM 参数学习--实际参数设置
  5. IPQ8072A Qualcomm IPQ CallManager拨号程序移植文档
  6. Three.js鼠标点击平面实现任意画线功能
  7. 帝国php调用文章列表,帝国cms教程内容页面调用当前会员信息和文章数量以及文章列表...
  8. AI已经参与论文打假了
  9. Windows 用户自动登录开启与关闭方法
  10. macOs 静默安装dmg文件