ant notification通知框 内容支持html标签
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标签相关推荐
- 简单的解决textarea文本框内容换行,对应到页面的内容也换行的问题
当我们在页面上通过 textarea 提交数据的时候,我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信 ...
- 印象笔记桌面版怎么导出html,服务通知:印象笔记PC端Markdown取消支持HTML标签解析功能...
亲爱的用户: 印象笔记电脑端 Markdown 取消了对 HTML 标签解析功能的支持,使用 Windows 6.15.12 Beta 版及 Mac 8.3.2 版的部分用户将受到影响,以下是对本次影 ...
- 在echarts中自定义提示框内容
1.期望效果 以柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容. 如下图,鼠标滑过每个数据项时, 第1张是默认提示框: 第2张是处理成 ...
- python tkinter输入框_python TKinter获取文本框内容的方法
python TKinter获取文本框内容的方法 更新时间:2018年10月11日 11:36:08 作者:biubiuzzz 今天小编就为大家分享一篇python TKinter获取文本框内容的方法 ...
- easyui根据select下拉框内容更新表单内容_Ant Design 4.0 的一些杂事儿 - Select 篇
前几篇: Ant Design 4.0 的一些杂事儿 - Table 篇 Ant Design 4.0 的一些杂事儿 - Form 篇 聊完了 Table 和 Form 两个重型组件,我们来继续聊聊看 ...
- Android Notification通知详解
Android Notification通知详解 Notification: (一).简介: 显示在手机状态栏的通知.Notification所代表的是一种具有全局效果的通知,程序一般通过Notifi ...
- Notification通知全文 7.0 and 8.0通知 ,横幅 ,显示,抖动,响铃
RemoteViews在更改通知(Notification)中经常会用到 RemoteViews所支持的View类型如下图所示(注意不支持下图中View的子类): RemoteViews所支持的Vie ...
- Android Notification通知详细解释
Android Notification通知具体解释 Notification: (一).简单介绍: 显示在手机状态栏的通知. Notification所代表的是一种具有全局效果的通知,程序一般通过N ...
- dede织梦内容管理系统模板标签代码参考
◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记是DedeCms最常用的一个标记,也叫自由列表标记,其中 hotart.coolart.likeart.artlist.imgli ...
- Android学习日记 Notification 通知
Android学习日记 Notification 通知 文章目录 Android学习日记 Notification 通知 前言 使用步骤 总结 前言 下拉状态栏显示的通知功能 使用步骤 代码如下: p ...
最新文章
- 【CVPR2020 Oral】只需一行代码就可提升迁移性能
- openresty开发系列2--nginx的简单安装,正向、反向代理及常用命令和信号控制介绍...
- 更效率、更优雅 | 阿里巴巴开发者工具不完全盘点
- JavaScript 进阶(二)变量作用域
- Linux文件查看/编辑方法介绍
- CODE[VS] 2824 盗窃-大海的奇迹
- 2012递归求解单链表中的结点个数(C++,附递归函数思路讲解与手绘图)
- 三星Galaxy A90翻转摄像头出变故:或仍将采用水滴屏设计
- 基于JAVA+SSH+MYSQL的在线考试系统
- 手动安装pytorch gpu版本 (cpu版本同理)
- 安全强化你的 Linux 服务器的七个步骤
- arm-linux cannot find -lgcc_s,arm-linux-gcc编译avrdude时报错: cannot find -lncurses
- 【图像提取】基于matlab PCA-CSIFT feature图像特征提取【含Matlab源码 1174期】
- flash 林度_flash怎么制作呢 ?
- 基于 IPIP.NET 进行公网故障排查
- 萤火小程序商城V2.0开源版源码-支持小程序+H5+公众号+APP
- android开发实现微博正文效果、顶部悬浮、ScrollView嵌套ListView
- srs信道估计_信道估计(channel estimation)图解——从SISO到MIMO原理介绍
- 透明网桥对数据帧的处理方式
- 人工智能—— 产生式表示法
热门文章
- 网络设备:中继器、集线器、网桥、交换机、路由器、网关的超全总结
- unity3d中的local和global
- juniper 开放端口_Juniper 防火墙端口映射设置
- JVM 参数学习--实际参数设置
- IPQ8072A Qualcomm IPQ CallManager拨号程序移植文档
- Three.js鼠标点击平面实现任意画线功能
- 帝国php调用文章列表,帝国cms教程内容页面调用当前会员信息和文章数量以及文章列表...
- AI已经参与论文打假了
- Windows 用户自动登录开启与关闭方法
- macOs 静默安装dmg文件