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

Bootstrap 弹出框（Popover）插件
弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素
bootstrap
前端
html
弹出框
ide
原创
wx66f2ca77e893b
2024-10-14 09:42:57
0阅读

el-Popover弹出框
Popover 的属性与 Tooltip 很类似，它们都是基于Vue-popper开发的，因此对于重复属性，请参考 Tooltip 的文档，在此文档中不做详尽解释。trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。对于触发 Popover 的元素，有两种写法：使用 slot="reference
el-popover
弹框
提示
hover
嵌套
原创
wx62b2f69968ca7
2023-10-11 22:29:23
775阅读

el-popover 弹出框使用
1、第一种<el-popover placement="top-start" title="标题" width="200" trigg
前端
原创
奥特慢更快
2023-02-24 12:07:16
796阅读

vue2 element Popover 弹出框设置在右下方
个人写这个弹出框的原因就一个，就是能给我带来可复用，追求新，要简单，可扩展。要达到炫酷有点难度，分析后还是决定以功能为主，因为是用jq和animation实现的弹出框组件，所以看起来难度不大，简称co-dialog。演示效果DEMO灵感来源，因为工作中用到dialog，发现UI设计的弹出框的风格一直在变化，于是每次都要重新写一个弹出框，无意中增加了无用的工作量，所以果断就封装成一个弹出框组件，目前
php
git
ui
弹出框
事件处理
转载
Aceryt
2024-09-11 01:09:05
1552阅读

element Popover 弹出框位置错乱 elementui弹窗组件
 众所周知，vue中我们引入elementui之后可以直接通过this.$message.XXX去实现弹窗的显示。我们也可以自己封装实现自己想要的效果。下面是封装的一个仿elementui的vue3消息提示弹窗组件，组件接收两个参数，一个弹窗提示的type，一个是弹窗提示的文本。我们最终想要实现的结果是像vant组件封装好的那样，通过函数式调用实现弹窗的显示。vant的实例代码和样式如下
前端
javascript
vue.js
css
elementui
转载
mob64ca1400bfa8
2024-03-20 18:37:43
2010阅读

vue android 弹出框
## Vue Android 弹出框 在移动应用开发中，弹出框是一种常见的界面元素。它可以展示一些重要信息，接受用户的输入或者提醒用户进行某些操作。在本文中，我们将探讨如何使用 Vue 和 Android 开发一个弹出框，并提供一些代码示例。 ### 弹出框的基本概念 在 Android 开发中，弹出框可以使用 `AlertDialog` 类来实现。`AlertDialog` 是一个对话框，
弹出框
Vue
Android
原创
mob649e81673fa5
2023-11-07 09:55:39
101阅读

[element-plus] el-popover 手动关闭弹出框
手动隐藏el-popover。
vue.js
javascript
elementui
ide
弹出框
原创
533_
18天前
34阅读

element ui popover弹出框不插入到body上
import Vue from 'vue' // v-dialogDrag: 弹窗拖拽自定义指令，已在main.js引入,使用即可，每个 el-dialog 加指令 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { /** * 关闭弹窗可移动 * @typ
ico
sed
最小化
转载
架构领航员
10月前
590阅读

vue中实现模态框弹出框动画（旋转弹出）
vue模态框弹窗动画沃达尔 (Vodal)A Nice vue modal with animations.带有动画的尼斯vue模态。安装npm i -S vodal用法<template> <div class="home"> <button @click="togglebox">点击弹出</button> <vodal :show="show" animation="rotate" @hide="show = fa
Vue.js
弹出框动画
旋转
Vue
原创
江一铭的博客
2021-07-12 10:54:09
1421阅读

vue中实现模态框弹出框动画（旋转弹出）
vue模态框弹窗动画沃达尔 (Vodal)A Nice vue modal with animations.带有动画的尼斯vue模态。安装npm
弹出框动画
旋转
ide
css
自定义对话框
原创
江一铭的博客
2022-02-27 10:49:27
10000+阅读

iPad中popover窗口弹出
由于ipad屏幕较大，不像iphone那样经常整页以导航形式滑动，而是将很多信息以popover的形式弹出供显示或编辑。popover原意为淡烤的酥饼，苹果产品中用于指代这种弹出窗口。   如下图所示，单击某一行烟草信息即弹出popover窗口供填写订购数量       代码如下：- (void)tableView:(UITableView
弹窗
坐标
iPad
tableView
popover
原创
afantihust
2011-04-02 15:45:50
4070阅读

Popover 弹出框,为 popper 添加类名踩过得坑
1，看之前可以先看一下官网：https://element.eleme.cn/#/zh-CN/component/popover#events2，官网写的都很笼统，有一些都没做详
vue.js
官网
css样式
类名
转载
wx61133eeec1457
2022-04-20 17:03:21
1849阅读

vue自定义弹出层、vue自定义弹出框、vue上下左右居中弹出框
可直接拿去用，如果需要两个按钮，需自己手动添加 css /* 弹窗样式 */ .login { position: fixed; height: 100px; width: 240px; background: #ffffff; border-radius: 0.25rem; left: 50%; ...
css
自定义
html
透明背景
JAVA
转载
mb5fe328bf51cae
2021-08-31 15:43:00
1412阅读
2评论

antddesign vue 弹窗里面弹出路由 vue弹出提示框
1.使用场景  场景还是比较多的 例如常见的登录、做一些功能发送失败的ajax都可以用弹框提示  2.提示组件 message.vue <template> <div class="xtx-message" :style="style[type]"> <!-- 上面绑定的是样式 --> &lt
vue
vue.js
JavaScript
js
html
转载
码海探险家
2024-04-06 20:51:48
943阅读

android vue 弹框页面中心弹出
# 如何实现 Android Vue 弹框页面中心弹出 在 Android 应用开发中，使用 Vue.js 作为前端框架日渐流行，特别是在搭建移动端界面时，能够有效提高开发效率。本文将教你如何在 Android 环境中实现 Vue.js 弹框页面的中心弹出效果。整个流程将分为几个步骤，接下来我们将使用表格展示这些步骤，并详细讲解每一步的代码实现。 ## 流程概览 以下是实现 Vue 弹框页面
Vue
ci
Android
原创
mob649e81693c66
2024-10-21 08:00:16
58阅读

android vue input框不弹出键盘
# 如何在 Android Vue 应用中实现输入框不弹出键盘 在开发 Android 应用时，有时我们需要在某些场合下防止软键盘弹出，尤其是当我们使用 Vue.js 开发的应用。在这篇文章中，我将详细介绍如何实现这一目标，通过一系列步骤逐步引导你完成。 ## 流程步骤 | 步骤 | 说明 | |------|-----------------
输入框
软键盘
Vue
原创
mob64ca12f31496
2024-10-02 05:54:47
400阅读

vue七天签到弹出框
如何在 Vue 项目中实现七天签到弹出框组件在许多应用中，连续签到功能是一种常见的用户激励机制，旨在提高用户活跃度和留存率。本文将详细介绍如何在 Vue.js 项目中创建一个美观且功能齐全的七天签到弹出框组件。我们将从组件设计、代码实现到最终集成，一步步引导你完成这一过程。组件功能概述本组件主要功能包括：动态显示用户的连续签到天数。根据签到天数显示不同的奖励提示。可视化展示一周内的签到状态，突出显
Vue
弹出框
关闭按钮
原创 精选
不精通SpringBoo不改名
2024-07-10 16:20:45
864阅读

vue中实现模态框弹出框动画（旋转弹出）--封装成组件
子组件<template> <div> <vodal :show="show" animation="rotate" @hide="show
旋转弹出框动画
组件
ide
css
弹出框
原创
江一铭的博客
2022-02-27 10:49:16
10000+阅读

vue中实现模态框弹出框动画（旋转弹出）--封装成组件
子组件<template> <div> <vodal :show="show" animation="rotate" @hide="showhide"> <div>动画插件</div> </vodal> </div></template><script>import Vodal from "vodal";export default { compo
Vue.js
封装可复用的组件
旋转弹出框动画
组件
Vue
原创
江一铭的博客
2021-07-12 10:54:07
404阅读

弹出框
//发送验证码 $("#get_phone_code").click(function(){ reset_passwd_phone(); }) function reset_passwd_phone(){ $('#reset_passwd_phone').modal(); }<div class="
验证码
重置密码
php
验证手机号
转载
mob604756fea1c5
2016-12-05 16:05:00
219阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

弹出框

antdesign vue 弹出框标题居中 vue ant-design

vue antdesign 预览视频弹窗 vue弹出提示框

vue中ios点击input框弹出键盘遮挡input框

vue 自己实现element的popover

android 原生弹出框 安卓弹出框

SAP Spartacus 自定义Popover指令，如何实现弹出对话框自动关闭功能

vue兼容ios移动端的底部弹出框 vue点击出现弹框

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

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