vue 修改 this.$confirm 的文字样式、自定义样式

通常使用 confirm 确认框时,一般这样写:



vue 修改 this.$confirm 的文字样式、自定义样式_第1张图片

但偶尔也需要修改文字等样式,这时该怎么做呢?

一、 将dangerouslyUseHTMLString属性设置为 true,message 就会被当作 HTML 片段处理。

提示文字中,修改部分字体样式时,可以这样做: 

vue 修改 this.$confirm 的文字样式、自定义样式_第2张图片



二、createElement 新建元素和对象,然后对新建的元素进行标签化设置。 

 vue 修改 this.$confirm 的文字样式、自定义样式_第3张图片



 设置 iconClass 属性,可以更改icon:

vue 修改 this.$confirm 的文字样式、自定义样式_第4张图片

 三、文字换行显示

vue 修改 this.$confirm 的文字样式、自定义样式_第5张图片 



 

 四、使用 customClass 设置MessageBox 的自定义类名,从而自定义样式




//注意这里不能将样式放到scoped中!!!

 

你可能感兴趣的:(elementui,css,前端,vue.js,elementui,html,javascript)