51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

弹框组件封装
封装 <template> <div class="popup-wrapper" v-show="show"> <div class="popup-mask" @click.stop="handleMask"></div> <div class="popup-box"> <div class="po ...
3d
微信公众号
封装
微信支付
其他
转载
mb5fe3290a9b4fe
2021-09-03 15:51:00
179阅读
2评论

vue 弹框
弹框展示： 代码： 1 <template> 2 <div> 3 <el-col :span="9" style="text-align: right;"> 4 <el-button @click="dialogVisible=true" 5 style="text-align: right;fon
html
vue
关闭按钮
原创
菜小鱼鱼
2022-08-11 22:48:47
1477阅读

vue：弹框
vue第九课<el-image :src="kingico" @click="isshow()" ></el-imag
ci
下拉框
可编辑
原创
android洪君
2019-05-25 08:43:13
664阅读

vue封装confirm弹框，通过transition设置动画
上篇：vue基于vant的popup组件封装confirm弹框 为什么用到popup呢？主要是用到了其中的动画，其实这个动画可以通过transition标签实现 效果等同于前篇： step： 1、components文件夹下新建MyConfirm文件夹，分别新建index.vue和index.js
js
vue
原创
蓝色海岛
2021-07-13 16:15:41
378阅读

hooks封装ConfirmModel弹框
1、components/ConfirmModel/index.tsximport React, { useState, useImperativeHandle } from 'react'import { Modal } from 'antd'import styles from './index.less'import { ExclamationCircleFilled } from '@an
ico
数据
原创
蓝色海岛
2022-03-28 11:51:24
647阅读

Vue 弹框实现
index.vue <template> <div class="app-container"> <el-card shadow="never"> <el-table v-loading="loading" :data="pageData" highlight-current-row border>
双向绑定
Vue
数据
原创
EicroSoft
1月前
59阅读

vue基于vant的popup组件封装confirm弹框
如果不是用vant组件库，推荐看：vue封装confirm弹框，通过transition设置动画 效果： step： 1、components文件夹下新建MyConfirm文件夹，分别新建index.vue和index.js index.vue： <template> <van-popup v-mo
vue基于vant的popup组件封装c
原创
蓝色海岛
2021-07-13 16:07:16
2003阅读
1点赞

vue3 封装公用axios 错误弹层使用 vue封装弹框组件
一.话不多，先上效果：  大家好呀，好久不见，最近还好吗？今天分享个vue封装弹框组件的内容，并全局注册它，虽然内容比较简单，但是刚入门vue的小伙伴可以友好的了解组件封装思想~ （最后有完整源码）基本效果：弹框里内容可以自定义内容放入标签等：二.具体实现：1.先确定弹框组件有什么功能：<SpringFrame :title="'江湖'" :isShow="true"
vue.js
javascript
前端
自定义
html+css
转载
数码精灵abc
2024-08-28 16:33:16
192阅读

vue弹框 ios风格
Vue3-Popup 基于vue3构建的手机端自定义弹层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义弹层组件。支持上下左右弹出、圆角、自定义弹层样式、多按钮及长按/右键功能。引入v3popup// 在main.js中全局引入 import { createApp } from 'vue' import App from
vue弹框 ios风格
vue3自定义组件
vue3.0弹框
vue3自定义弹窗
vue3模态框
转载
mob64ca13ff28f1
8月前
43阅读

element弹框组件不弹出 vue element 弹窗组件封装
目录欢迎来到萌小问题分享环节问题开始组件创建组件使用结束 问题开始弹框问题： 1.由于管理平台里含有很多的弹框,每个界面几乎都有新增和编辑弹框,若是新增和编辑一直重复写会增加代码量,而且需要增加字段时,需要修改两处代码,这样就会增加任务量,对于这个问题,于是就想到了vue里的组件封装及使用,将弹框封装成组件,通过判断去使用,这样修改的时候只需要修改组件就可以了,接下来就说说封装的步骤吧.组件创建
element弹框组件不弹出
vue.js
html5
node.js
npm
转载
liutao988
2024-02-28 11:10:29
244阅读

vue项目element-ui消息提示框及确认弹框封装
分享下element-ui消息提示框及确认弹框的封装utils下新建封装文件src/utils/confir
经验分享
原创
薛定喵君
2021-07-26 11:27:20
1220阅读

vue项目element-ui消息提示框及确认弹框封装
记一下element-ui消息提示框及确认弹框的封装 utils下新建封装文件页面vue文件中引用示例效果# utils下新建封装文件 src/
vue
python
java
封装
linux
原创
薛定喵君
2022-11-10 13:40:44
874阅读

Vue -- 只弹一次的弹框
核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。 原文地址：https://segmentfault.com/a/1190000013019136
ico
显示隐藏
vue
转载
mb5fdcad8719a20
2018-11-13 14:19:00
938阅读
2评论

vue-dialog弹框拖动
element-ui中Dialog弹框拖动 自己码的源码 借用网上样例，网上样例不支持在浏览器可见范围内拖动，在结合vue-element-ad...
拖拽
sed
css
原创
这代码不好写
2022-03-17 14:00:18
851阅读

vue自定义弹框
vue 全局自定义简单弹框
自定义
javascript
转载
mb5fe94b83e4685
2019-08-23 15:04:00
303阅读
2评论

vue弹框实现移动功能
首先在router创建一个js文件js文件内容：//页面调用 v-dialogpop-upimport Vu
事件委托
sed
赋值
原创
wx6316c4e40e2ec
2022-09-06 12:25:08
243阅读

Vue3 elementui 弹框
本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时，将内容与表现分离，让使用者可以专注于绘制弹框内容，而不用在意弹框的具体实现。文章阅读预计15分钟。成果预览：一 父组件准备我们创建文件modelTest.vue，将其引入父组件并注册。// 父组件 <template> <div class="home"> <button @cl
Vue3 elementui 弹框
vue
组件化
封装
js
转载
代码工匠传奇
2024-09-30 06:38:57
819阅读

ios 封装系统弹框 封装安装版系统
如果你有多台电脑配置一样，需要安装同一种系统，需要不同的办公软件，又没有网络条件的前提下，会使用什么办法安装系统呢？ 很多人会选择GHOST，但是会有一个问题，出错率高，不容易操作，如果遇到流氓PE还会自动添加很多广告软件。 下面说一种比较省心的办法： 准备工具： 1.原版windows10系统镜像一份 下载地址：下载windows10镜像 2.16G左右大小的U盘一个 3.微PE一份 下载地址1
ios 封装系统弹框
安装系统
下载地址
移动硬盘
转载
AI独步天下
2023-07-26 08:34:40
53阅读

自己封装一个弹框插件
弹出层提示信息，这是移动前端开发中最常见的需求，你可能会想到一些流行的弹框插件，比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高，一般的弹框插件可能只满足大部分要求，自定义花的时间还不如手动自己封装一个符合自己开发习惯的弹框组件，
css
jquery
ide
html
遮罩层
转载
mob604756eb4476
2016-12-15 09:26:00
79阅读

vue模态框组件封装
代码已上传至githubgithub代码地址：https://github.com/Miofly/mio.git示例代码<template> <view class="container padding bg-white"> <!--<text>{{dateUtils.beforeWeekFirst}}</tex...
ide
github
支付宝
原创
qq5945ef689245b
2022-10-13 17:07:06
267阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Vue通用弹框组件精解

android vue 弹框页面中心弹出

ios vue alert 不弹框 vue alert组件

vue 弹框组件 用命令实现

antdesign vue 有弹框组件吗

ant design封装一个弹框组件

uniapp中封装一个弹框组件

二次封装element 弹框 二次封装elementui

android 选项弹框 android弹框提示

Android弹框没有显示 android 弹框

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯