百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

vue confirm弹窗提示确认，修改提示的字体颜色

yuyutoo 2025-05-28 21:28 6 浏览 0 评论

1.日常写法

 this.$confirm(
        context,
        "提示",
        {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
        }
    	)
        .then(function () {
            return publishFaultMobleScheduling(mapObject);
        })
        .then(() => {
            this.getList(this.scheduleType);
            this.msgSuccess("发布成功");
        });

2.修改提示框内容字体

2.1思路

（1）使用const h = this.$createElement写弹出确认框。

（2）$createElement参数用法

h('p', null,{class:'test'} [
        h('span', "提示内容", '内容可以是 '),
        h('p', { style: 'color: red' }, "第一行"),
        h('p', { style: 'color: red' }, null)
    ]),

第一行创建一个什么标签。案例为p标签，也可以为div标签等。可以自定义class,
第二行P标签下面放入一个列表标签。

  • 第1个参数：标签，节点标签是什么。
  • 第2个参数：定义style格式
  • 第2个参数：文件信息，如果为null,不显示。可以根据提示类别把该该赋为null进行不显示。

2.2 案例

const h = this.$createElement;
this.$confirm('', {
    title:"提示",
    type:'warnig',
    message:h('p', null, [
        h('span', "提示内容", '内容可以是 '),
        h('p', { style: 'color: red' }, "第一行"),
        h('p', { style: 'color: red' }, null)
    ]),
    // iconClass:"el-icon-question colorYellow",
	})
    .then(function () {
        return publishFaultMobleScheduling(mapObject);
    })
    .then(() => {
        this.getList(this.scheduleType);
        this.msgSuccess("发布成功");
    });

2.3 案例页面展示


相关推荐

Python+selenium自动化之selenium常用API

前面的几十篇文章介绍了selenium的常用的API的用法，但是这些仅仅是API的一小部分，大家可以去selenium官网获取查看https://python-selenium-zh.readthed...

如何用英文写电子邮件?英文的邮件格式怎么写?

电子邮件可以说是现代社会中人们交流沟通的重要工具之一，我们在社交、求学、工作中都需要用到邮件。如何写一封合适的英文电子邮件就是我们今天的主题。首先，请看下面这封邮件：这是不是就是很多小伙伴的邮件的样子...

如何删除Linux文件夹中除某些扩展名之外的所有文件?

假设你有一个名为data的文件夹，里面包含各种类型的文件，例如：...

手把手教你实现振动记录器

概述本文只涉及实现及代码讲解，不涉及具体技术的讲解，并尽量每一行代码都有详尽的注释，先实现，后积累。前端-入门级教程-简易振动记录器本文教大家实现一个简易的振动记录器。包括短振动、长振动、振...

UG NX 出图技巧

UGNX出图技巧A、出工程图时，如何屏蔽掉多余的轮廓线？方法一：选中要修改的视图---按右键---选择“型式”--出现“查看形式”对话框---选择“光滑边”栏---把“光滑边”的...

利用forms表单组件进行表单校验

###利用forms表单组件进行表单校验，完成用户名，密码，确认密码，邮箱功能的校验该作业包含了下面的知识点：error_messages，label，required，invalid，局部钩子函数...

关于"must"的这些用法，你“必须”知道!

1mustbe\mustdo用于现在时Hekeepslookingatyou,hemustlikeyou.他一直在看你，他一定是喜欢你吧Shelookssobeautif...

vue confirm弹窗提示确认，修改提示的字体颜色

1.日常写法this.$confirm(context,"提示",{confirmButtonText...

战旗TV悬赏令:守望先锋重金求天梯英雄

终于等到你!国服守望先锋持续一周的压力测试即将到来，蓄势待发的你是否已经热血沸腾?战旗TV发布天梯英雄悬赏令，直播冲击国服天梯段位就可获得大量奖励，赶快加入直播间的守望者行列!活动专区：http://...

dart系列之:HTML的专属领域，除了javascript之外，dart也可以

简介虽然dart可以同时用作客户端和服务器端，但是基本上dart还是用做flutter开发的基本语言而使用的。除了andorid和ios之外，web就是最常见和通用的平台了,dart也提供了对HTML...

直播!去东新路寻找“夜杭州”的烟火气，人气餐厅美食福利放送中

APP中打开，直接点击图片进入直播；微信中打开稿件，保存直播海报，打开淘宝APP可以收看直播淘宝直播地址：h5.m.taobao.com/taolive/video.html?userId=41258...

深入浅出序列化(1)——JDK序列化和Hessian序列化

我之前在《聊一聊RPC》中曾提过什么是序列化和反序列化，当时有说过之后要单独抽出一期来详细聊聊序列化，没想到这一拖竟然拖了一年多，现在来把这个坑补上。由于篇幅较长，本文先主要介绍两种常见的序列化方式...

Web前端开发，HTML超链接标签，不懂的可以学习一下

一、什么是HTML的超链接大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。HTML超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。可以点击这些内容来跳转到新的文...

TypeScript 终极初学者指南

在过去的几年里TypeScript变得越来越流行，现在许多工作都要求开发人员了解TypeScript...

QStyle

一、描述QStyle类是一个抽象基类，它封装了GUI的外观。样式也可以作为插件使用。Qt的内置小部件使用QStyle来执行几乎所有的绘图，确保它们看起来与等效的原生小部件完全一样。下图显示...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表