当前位置： 首页 > news >正文

html 中vue3 的setup里调用element plus的弹窗 提示

news 文章来源：https://blog.csdn.net/LlanyW/article/details/134978601 2025/1/13 17:40:44

 引入Elementplus之后，在setup（）方法外面导入ElMessageBox

const {ElMessageBox} = ElementPlus

源码 ：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><!-- import Vue before Element --><script src="../js/vue3.3.8/vue.global.js"></script><link rel="stylesheet" href="../js/elementPlus/index.css"><script src="../js/elementPlus/index.full.js"></script><title></title></head>
<body>
<div id="app"><!-- 双大括号语法，可以直接拿到下面data中return 里面的数据 -->{{ message }}<el-button type="success" @click="showModal('吃了吗？')">成功按钮</el-button>
</div>
</body><script>const {createApp, ref} = Vueconst {ElMessageBox} = ElementPlusconst app = createApp({setup() {const message = ref('Hello vue!')const showModal = (message) => {ElMessageBox.alert(message,'提示',{confirmButtonText: '确认',callback: (res) => {console.log('点击了', res)}})}return {message,showModal}}})app.use(ElementPlus)app.mount('#app')</script>
</html>

相关

在vue3项目嵌套 导入老项目 jQuery项目，减少重复开发-CSDN博客 

相关文章：

html 中vue3 的setup里调用element plus的弹窗 提示

引入Elementplus之后&#xff0c;在setup&#xff08;&#xff09;方法外面导入ElMessageBox const {ElMessageBox} ElementPlus 源码 &#xff1a; <!DOCTYPE html> <html> <head><meta charset"UTF-8"><!-- import Vue before Elemen…...

编程日记 2023/12/17 13:59:49

对话系统之解码策略（Top-k Top-p Temperature）

一、案例分析 在自然语言任务中&#xff0c;我们通常使用一个预训练的大模型&#xff08;比如GPT&#xff09;来根据给定的输入文本&#xff08;比如一个开头或一个问题&#xff09;生成输出文本&#xff08;比如一个答案或一个结尾&#xff09;。为了生成输出文本&#xff0c…...

编程日记 2023/12/17 13:58:47

《面向机器学习的数据标注规程》摘录

说明&#xff1a;本文使用的标准是2019年的团体标准&#xff0c;最新的国家标准已在2023年发布。 3 术语和定义 3.2 标签 label 标识数据的特征、类别和属性等。 3.4 数据标注员 data labeler 对待标注数据进行整理、纠错、标记和批注等操作的工作人员。 【批注】按照定义…...

编程日记 2023/12/17 13:56:44

VGG(pytorch)

VGG:达到了传统串型结构深度的极限 学习VGG原理要了解CNN感受野的基础知识 model.py import torch.nn as nn import torch# official pretrain weights model_urls {vgg11: https://download.pytorch.org/models/vgg11-bbd30ac9.pth,vgg13: https://download.pytorch.org/mo…...

编程日记 2023/12/17 13:54:43

celery/schedules.py源码精读

BaseSchedule类 基础调度类&#xff0c;它定义了一些调度任务的基本属性和方法。以下是该类的主要部分的解释&#xff1a; __init__(self, nowfun: Callable | None None, app: Celery | None None)&#xff1a;初始化方法&#xff0c;接受两个可选参数&#xff0c;nowfun表…...

编程日记 2023/12/17 13:50:39

单片机上位机（串口通讯C#）

一、简介 用C#编写了几个单片机上位机模板。可定制&#xff01;&#xff01;&#xff01; 二、效果图...

编程日记 2023/12/17 13:46:36

初识Flask

摆上中文版官方文档网站&#xff1a;https://flask.github.net.cn/quickstart.html 开启实验之路~~~~~~~~~~~~~ from flask import Flaskapp Flask(__name__) # 使用修饰器告诉flask触发函数的URL&#xff0c;绑定URL&#xff0c;后面的函数用于返回用户在浏览器上看到的内容…...

编程日记 2023/12/17 13:44:35

JeecgBoot jmreport/queryFieldBySql RCE漏洞复现

0x01 产品简介 Jeecg Boot（或者称为 Jeecg-Boot）是一款基于代码生成器的开源企业级快速开发平台，专注于开发后台管理系统、企业信息管理系统（MIS）等应用。它提供了一系列工具和模板，帮助开发者快速构建和部署现代化的 Web 应用程序。 0x02 漏洞概述 Jeecg Boot jmrepo…...

编程日记 2023/12/17 13:39:30

机器学习---模型评估

1、混淆矩阵 对以上混淆矩阵的解释&#xff1a; P&#xff1a;样本数据中的正例数。 N&#xff1a;样本数据中的负例数。 Y&#xff1a;通过模型预测出来的正例数。 N&#xff1a;通过模型预测出来的负例数。 True Positives:真阳性&#xff0c;表示实际是正样本预测成正样…...

编程日记 2023/12/17 13:38:29

【机器学习】应用KNN实现鸢尾花种类预测

目录 前言 一、K最近邻&#xff08;KNN&#xff09;介绍 二、鸢尾花数据集介绍 三、鸢尾花数据集可视化 四、鸢尾花数据分析 总结 &#x1f308;嗨&#xff01;我是Filotimo__&#x1f308;。很高兴与大家相识&#xff0c;希望我的博客能对你有所帮助。 &#x1f4a1;本文由Fil…...

编程日记 2023/12/17 13:37:28

ACL和NAT

目录 一.ACL 1.概念 2.原理 3.应用 4.种类 5.通配符 1.命令 2.区别 3.例题 4.应用原则 6.实验 1.实验目的 2.实验拓扑 3.实验步骤 7.实验拓展 1.实验目的 2.实验步骤 3.测试 二.NAT 1.基本理论 2.作用 3.分类 静态nat 动态nat NATPT NAT Sever Easy-IP…...

编程日记 2023/12/17 13:36:27

MX6ULL学习笔记（十二）Linux 自带的 LED 灯

前言 前面我们都是自己编写 LED 灯驱动&#xff0c;其实像 LED 灯这样非常基础的设备驱动&#xff0c;Linux 内 核已经集成了。Linux 内核的 LED 灯驱动采用 platform 框架&#xff0c;因此我们只需要按照要求在设备 树文件中添加相应的 LED 节点即可&#xff0c;本章我们就来学…...

编程日记 2023/12/17 13:35:26

Qt容器QToolBox工具箱

# QToolBox QToolBox是Qt框架中的一个窗口容器类，常用的几个函数有： ​setCurrentIndex(int index)：设置当前显示的页面索引。可以通过调用该函数，将指定索引的页面设置为当前显示的页面。 addItem(QWidget * widget, const QString & text)：向QToolBox中添加一个页面…...

编程日记 2023/12/17 13:30:22

华为实训课笔记

华为实训 12/1312/14 12/13 ping 基于ICMP协议&#xff0c;用来进行可达性测试 ping 目的IP地址/设备域名&#xff08;主机名&#xff09; 如果能收到 reply 回复&#xff0c;则表示双方可以正常通信 <Huawei> 用户视图&#xff0c;只能做查询和一些简单的资源调用&…...

编程日记 2023/12/17 13:28:20

基于java 的经济开发区管理系统设计与实现（源码+调试）

项目描述 临近学期结束&#xff0c;还是毕业设计&#xff0c;你还在做java程序网络编程&#xff0c;期末作业&#xff0c;老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。今天给大家介绍一篇基于java 的经济开发区管…...

编程日记 2023/12/17 13:27:19

外包干了3个月，技术退步明显。。。

先说一下自己的情况&#xff0c;本科生生&#xff0c;19年通过校招进入广州某软件公司&#xff0c;干了接近4年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测…...

编程日记 2023/12/17 13:26:17

详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第一节

关于使用Vue开发鸿蒙应用的教程,我这篇之前的博客还不够完整和详细。那么这次我会尝试写一个更加完整和逐步的指南,从环境准备,到目录结构,再到关键代码讲解,以及调试和发布等,希望可以让大家详实地掌握这个过程。 一、准备工作 下载安装 DevEco Studio 下载地址&#xff1a;…...

编程日记 2023/12/17 13:25:16

R语言对医学中的自然语言(NLP)进行机器学习处理（1）

什么是自然语言(NLP)&#xff0c;就是网络中的一些书面文本。对于医疗方面&#xff0c;例如医疗记录、病人反馈、医生业绩评估和社交媒体评论,可以成为帮助临床决策和提高质量的丰富数据来源。如互联网上有基于文本的数据(例如,对医疗保健提供者的社交媒体评论),这些数据我们可…...

编程日记 2023/12/17 13:22:13

什么是CI/CD？如何在PHP项目中实施CI/CD？

CI/CD&#xff08;持续集成/持续交付或持续部署&#xff09;是一种软件开发和交付方法&#xff0c;它旨在通过自动化和持续集成来提高开发速度和交付质量。以下是CI/CD的基本概念和如何在PHP项目中实施它的一般步骤&#xff1a; 持续集成&#xff08;Continuous Integration -…...

编程日记 2023/12/17 13:20:11

玩转Docker（四）：容器指令、生命周期、资源限制、容器化支持、常用命令

文章目录 一、容器指令1.运行2.启动/停止/重启3.暂停/恢复4.删除 二、生命周期三、资源限制1.内存限额2.CPU限额3.磁盘读写带宽限额 四、cgroup和namespace五、常用命令 一、容器指令 1.运行 按用途容器大致可分为两类&#xff1a;服务类容器和工具类的容器。 服务类容器&am…...

编程日记 2023/12/17 13:17:09

回归预测 | MATLAB实现CHOA-BiLSTM黑猩猩优化算法优化双向长短期记忆网络回归预测 （多指标，多图）

回归预测 | MATLAB实现CHOA-BiLSTM黑猩猩优化算法优化双向长短期记忆网络回归预测 &#xff08;多指标&#xff0c;多图&#xff09; 目录 回归预测 | MATLAB实现CHOA-BiLSTM黑猩猩优化算法优化双向长短期记忆网络回归预测 &#xff08;多指标&#xff0c;多图&#xff09;效果…...

编程日记 2023/12/17 13:16:08

Qt/C++视频监控安卓版/多通道显示视频画面/录像存储/视频播放安卓版/ffmpeg安卓

一、前言 随着监控行业的发展&#xff0c;越来越多的用户场景是需要在手机上查看监控&#xff0c;而之前主要的监控系统都是在PC端&#xff0c;毕竟PC端屏幕大&#xff0c;能够看到的画面多&#xff0c;解码性能也强劲。早期的手机估计性能弱鸡&#xff0c;而现在的手机性能不…...

编程日记 2023/12/17 13:15:07

【docker】容器使用（Nginx 示例）

查看 Docker 客户端命令选项 docker上面这三张图都是 常用命令&#xff1a; run 从映像创建并运行新容器exec 在运行的容器中执行命令ps 列出容器build 从Dockerfile构建映像pull 从注册表下载图像push 将图像上载到注册表…...

编程日记 2023/12/17 13:14:06

【QT】时间日期与定时器

目录 1.时间日期相关的类 2.日期时间数据与字符串之间的转换 2.1 时间、日期编辑器属性设置 2.2 日期时间数据的获取与转换为字符串 2.3 字符串转换为日期时间 3.QCaIendarWidget日历组件 3.1基本属性 3.2 公共函数 3.3 信号 4.实例程序演示时间日期与定时器的使用 …...

编程日记 2023/12/17 13:10:02

蓝桥杯专题-真题版含答案-【古代赌局】【古堡算式】【微生物增殖】【密码发生器】

Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总游戏脚本-辅助自动化Android控件全解手册再战Android系列Scratch编程案例软考全系列Unity3D学习专栏蓝桥系列ChatGPT和AIGC &#x1f449;关于作者 专注于Android/Unity和各种游戏开发技巧&#xff0c;以及各种资源分…...

编程日记 2023/12/17 13:08:00

和鲸科技携手深圳数据交易所，“数据+数据开发者生态”赋能人工智能产业发展

信息化时代&#xff0c;数据驱动决策的重要性日益凸显。通过利用数据可以深入了解市场需求、客户行为、竞争态势等关键信息&#xff0c;从而制定更为有效的战略和决策。围绕推动数据要素产业发展&#xff0c;近日&#xff0c;深圳数据交易所&#xff08;以下简称“深数所”&…...

编程日记 2023/12/17 13:05:59

在MFC（Microsoft Foundation Classes）中 CreateThread函数

CreateThread是Windows API中用于创建新线程的函数。以下是对函数参数的详细解释&#xff1a; lpThreadAttributes&#xff08;可选&#xff09;&#xff1a;指向SECURITY_ATTRIBUTES结构的指针&#xff0c;用于指定线程的安全性。可以设置为NULL&#xff0c;表示使用默认安全…...

编程日记 2023/12/17 12:59:53

Ubuntu 常用命令之 ls 命令用法介绍

Ubuntu ls 命令用法介绍 ls是Linux系统下的一个基本命令&#xff0c;用于列出目录中的文件和子目录。它有许多选项可以用来改变列出的内容和格式。 以下是一些基本的ls命令选项 -l&#xff1a;以长格式列出文件&#xff0c;包括文件类型、权限、链接数、所有者、组、大小、最…...

编程日记 2023/12/17 12:52:48

【解决】Windows 11检测提示电脑不支持 TPM 2.0（注意从DTPM改为PTT）

win11升级&#xff0c;tpm不兼容 写在最前面1. 打开电脑健康状况检查2. 开启tpm3. 微星主板AMD平台开启TPM2.0解决电脑健康状况检查显示可以安装win11&#xff0c;但是系统更新里显示无法更新 写在最前面 我想在台式电脑上用win11的专注模式&#xff0c;但win10不支持 1. 打…...

编程日记 2023/12/17 12:51:46

ChatGPT 也宕机了？如何预防 DDOS 攻击的发生

最近&#xff0c;开发人工智能聊天机器人的公司 OpenAI 遭受了一次规模较大的分布式拒绝服务&#xff08;DDoS&#xff09;攻击&#xff0c;导致其旗下的 ChatGPT 服务在短短 12 小时内遭遇了 4 次断网&#xff0c;众多用户遭受了连接失败的问题。 这次攻击事件引起了广泛的关…...

编程日记 2023/12/17 12:47:42

wordpress 仿虎嗅/凡科建站客服电话

什么是授权? 即该用户是否有权限访问某个资源.(即校验权限)Shiro权限的实现方式 1. 硬编码方式:实现授权访问校验. 在自定义中的realm中的授权方法中进行编写代码.根据传进来的PrincipalCollection获取用户对象.该授权方法的返回值是AuthorizationInfo,该对象是一个接口,因此我…...

编程日记 2025/1/13 17:15:47

外贸网站seo教程/河南企业网站建设

Instr()函数 InStr()函数返回一个字符串第一次出现在一个字符串&#xff0c;从左到右搜索。返回搜索到的字符索引位置。 语法 InStr([start,]string1,string2[,compare]) 参数说明 Start - 一个可选参数。指定搜索的起始位置。搜索从第一个位置开始&#xff0c;从左到右。Strin…...

编程日记 2025/1/13 14:52:42

济南做网站公司有哪些/武汉seo人才

[学Python]要先学什么&#xff1f;对于零基础的学员来说没有任何的编程基础&#xff0c;应该学习Python基础&#xff1a;计算机组成原理、Python开发环境、Python变量、流程控制语句、高级变量类型、函数应用、文件操作、面向对象编程、异常处理、模块和报、飞机大战游戏制作等…...

编程日记 2025/1/13 13:34:57

怎么做网站的外部连接/重庆高端品牌网站建设

开封菜&#xff08;菜谱app&#xff09; 隐私声明&#xff1a; 1、我们不会收集和使用你的个人信息。2、用户使用我们的服务&#xff0c;应遵守国家有关法律法规和规章制度。3、用户在使用过程中遇到任何问题&#xff0c;可以通过评论与评分将建议反馈给我们&#xff0c;我们将…...

编程日记 2025/1/13 13:24:44

ui设计的网站有哪些/什么关键词能搜到资源

项目最初给的意见是&#xff0c;pc一套前端代码&#xff0c;wap一套代码&#xff0c;并没有说手机端在电脑上打开正常显示的需求。因此&#xff0c;我最后移动端单位用了vw/vh进行布局&#xff0c;没想到的是&#xff0c;需求变了&#xff0c;噩梦开始了&#xff01; 遇到的问…...

编程日记 2025/1/13 12:50:55

网站建设空间一般多大/seo基础理论

Clover Configurator v5.17.4.0 是一款四叶草图形界面配置工具&#xff0c;很多新手对于如何配置Clover很迷茫&#xff0c;因为参数众多也不明白到底是什么意思&#xff0c;Clover Configurator可以图形化的帮你配置文件编辑config.plist&#xff0c;而且把四叶草的几项功能都分…...

编程日记 2025/1/13 9:07:04