vue 怎么修改 confirm 的文字样式和颜色

最新推荐文章于 2024-04-02 11:04:39 发布

F N Nancy

最新推荐文章于 2024-04-02 11:04:39 发布

阅读量8.2k

点赞数 4

分类专栏： js 笔记文章标签： javascript

本文链接：https://blog.csdn.net/NancyFyn/article/details/117222210

版权

笔记同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

8 篇文章 3 订阅

订阅专栏

像是这种弹出框我们一般很少去做文字样式修改，但是也免不了要修改

现在就是这样，有一个需求是要做下样式的修改

通常我们都是这样写，但是当需要修改文本样式的时候，我们需要 createElement 新建元素和对象，然后对新建的元素进行标签化设置

this.$confirm('内容提示',{
	type:'warning'
}) 
.then(()=>{
	done()
})
.catch(()=>{})

修改文本样式代码

const h = this.$createElement
this.$confirm('', {
	 title:"提示",
	 type:'warnig',
 message:h('p', null, [
	   h('span', null, '内容可以是 '),
	   h('i', { style: 'color: red' }, 'xxxxx')
 ]),
 // iconClass:"el-icon-question colorYellow",
})
 .then(_ => {
   done()
 })
 .catch(_ => {});