vben-admin：调用vben的对话框，并向对话框传递数据（vue3setup语法）

最新推荐文章于 2025-04-16 12:53:43 发布
最新推荐文章于 2025-04-16 12:53:43 发布
阅读量317 收藏
点赞数
分类专栏： Vue高阶 vben 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yyyyyyyyyyy_9/article/details/141922607
版权

本文将介绍如何在vben-admin框架中，通过点击图标按钮弹出对话框，并将父组件的数据传递给对话框子组件。

结果如下图所示，

在这里插入图片描述

一、父组件

<template>
	<div class="container">
	
		<PlayCircleOutlined
			class="play-icon-1"
了解本专栏 订阅专栏 解锁全文
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查
博主逸尘
12-03 3647
文章目录1.效果图预览2.列表的实现3.数据新增、修改及附件上传的实现4.详情界面的实现 说明：之前用Vue2+ElementUI|iView用的那是相当的爽，写法和之前做移动的用的Ionic很是类似，最近新开了一个项目，用的Vue3+TS+Antd那真是一把辛酸一把泪，完全摸索+找规律+瞎蒙，开发了一个模块之后终于有所得，以此篇文章记录。 1.效果图预览 老规矩先上效果图 列表 新增 附件上传 修改 详情 2.列表的实现 index.vue页面中 template布局如下，BasicTable列
穿梭框组件的封装（vue3+ts）
qq_45724120的博客
08-16 931
利用vue3以及ts来实现穿梭框组件的封装
vben admin BasicModal和BasicForm的使用
lipenghao111的博客
06-26 2823
showActionButtonGroup: false, //是否显示 重置 查询按钮。向表单内所有组件传递 size 参数,自定义组件需自行实现 size 接收。labelWidth: 80, // 前面间距。5.setModalProps:设置弹出框的某些属性。2.在template里面使用BasicForm标签。1.register:BasicModal的配置项。2.在需要的页面引入BasicModal。1. 引入BasicForm。6.data:为接受的参数。2.title:标题。
vben admin的介绍
pjm2222的博客
01-17 3427
Vben Admin基于Vue3.0、Vite、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
vben admin BasicModal 弹窗组件
m0_58537749的博客
04-16 216
感觉挺好用的，组件很多，要学的也有很多，一直不太会使用组件，希望多加学习最后轻松使用。
Vben Admin
guofeng54188的博客
04-11 6844
. ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vite # vite配置 ├── mock # mock文件夹 ├── public # 公共静态资源目录 ├── src # 主目录 │ ├── api # 接口文件 │ ├── assets # 资源文件 │ │ ├── icons # icon sprite 图标文件夹 │ │ ├── i.
Vben admin
qq_18594435的博客
08-10 2479
Vben admin 介绍
Vben Admin 一 (初识框架)
热门推荐
为何这么帅
09-18 1万+
1、什么是Vben Admin Vue-Vben-Admin 是一个后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案， 总结就是一个后台管理模板。 项目开始前请仔细阅读 Vben Admin 官方文档 2、涉及的技术 Vue3.0、Vite、 Ant-Design-Vue、TypeScript等 3、项目结构 ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vi
vben-admin-一个前端开箱即用的企业级管理系统框架
weixin_74417835的博客
04-11 2028
Vben Admin是一个基于Vue 3、Vite、TypeScript和Ant Design Vue的企业级中后台管理系统框架。它提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。Vben Admin是一个功能完善、易于使用的企业级管理系统框架，它基于最新的前端技术栈，提供了一套完整的解决方案，帮助开发者快速搭建现代化的管理系统。通过使用Vben Admin，开发者可以专注于业务逻辑的开发，而不必花费大量时间在基础架构的搭建上。
VUE vue-vben-admin 列表拖拽排序
最新发布
05-28
此外，需要注意vue-vben-admin可能已经集成了一些工具或组件，比如自定义Hooks，是否需要遵循项目的代码风格，比如使用setup语法、TypeScript等。还需要考虑性能优化，如引用之前提到的虚拟滚动或防抖处理，但用户...
前端知识宝典
qq_37759901的博客
01-29 1627
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
vben-admin-thin-next:vue-vben-admin-2.0迷你template.vue3，vite，打字稿
03-16
Vue vben管理员 English | 介绍 Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可用于学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级JavaScript语言 主题：可配置的主题 国际：内置完整的国际化程序 模拟服务器内置模拟数据方案 权限内置完整的动态路由权限生成方案。 组件多个常用组件被封装两次 用法 开始使用时，请首先根据以下列表修改项目 []重命名package.json的name字段 []在LICENSE更改作者姓名 [] public修改favicon.ico []在public/resource/和/src/assets/images/logo.png
vue-vben-admin：基于Vite2，vue3.0，ant-design-vue 2.x，打字稿的vue3样式Admin，正在努力进行更新。
02-06
VUE VBEN ADMIN2.0 | 英语 介绍 该项目是基于&#39;ant设计-VUE实施vue3风格的后台管理系统,打字稿, vue3.0 ,维生素E , tsx`， 的GitHub main分支 瘦 预习 测试帐户：vben / 123456 文献资料 2.0的文档尚未开始，将在以后提供。 预安装 环境要求 Node.js ：-版本> 12.0.0 。 yarn ：-卷装管理工具。 UI框架 -2.0.0-beta.5已删除。 图标 -按需导入的图标。 -图标可用于 构建使用的图标。 插入 -vuex模块化 mock-基于vite的模拟插件 国际化 -JavaScript实
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-12
Vue vben管理员 English | 介绍 Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可用于学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2之类的前端前端技术开发 TypeScript ：应用程序级JavaScript语言 主题：可配置的主题 国际：内置完整的国际化程序 模拟服务器内置模拟数据方案 权限内置完整的动态路由权限生成方案。 组件多个常用组件被封装两次 预览 完整版中文网站 完整版本的github站点 简体中文网站 pages-简化的github网站 测试帐号：vben / 123456 使用Gitpod 在Gitpod（适用于GitHub的免费在线开发环境）中打开项目，并立即开始编码。 文献资料 准备 和项目开发环
vben：对话框组件（不从父组件传递数据）
yyyyyyyyyyy_9的博客
08-30 642
本文将介绍如何在vben admin vue 框架中，创建对话框组件，并成功应用的代码。代码即插即用。
vben-admin 手册
Tintin_wu的博客
04-15 3484
姓名
Vben Admin—— vben-admin BasicTable表格 按钮权限控制的两种方式
qq_43201350的博客
12-14 590
Vben Admin—— vben-admin BasicTable表格 按钮权限控制的两种方式
Vue-Vben-Admin：打造高效中大型项目后台解决方案
chenchuang0128的博客
12-31 1754
Vue-Vben-Admin是一个基于Vue3.0、Vite、Ant-Design-Vue和TypeScript的开源项目，旨在为开发中大型项目提供一站式的解决方案。随着技术的不断更新与发展，我们有理由相信，Vue-Vben-Admin将会在未来的企业级开发中发挥越来越重要的作用。基于Vue3.0、Vite和Ant-Design-Vue：Vue-Vben-Admin采用了最新的Vue3.0框架，结合Vite构建工具和Ant-Design-Vue组件库，为开发者提供了一个高效且易于维护的开发环境。
Vben Admin—— vben-admin 中组件传参eventBus的使用
qq_43201350的博客
06-16 320
Vben Admin—— vben-admin 中组件传参eventBus的使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值