vben-admin里面的组件问题的发现及解决方法

已于 2024-06-07 16:41:56 修改
阅读量3.2k 收藏 1
点赞数 1
分类专栏： 前端框架深度研究-vben 文章标签： vue.js vben-admin antdvue
于 2022-06-26 11:23:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27702739/article/details/125467898
版权
本文讲述了在使用vben-admin框架时遇到PageWrapper组件动态插槽定制的问题，详细描述了如何通过修改源码，成功实现预期的定制效果，包括getHeaderSlots的使用和渲染自定义插槽内容的方法。
摘要由CSDN通过智能技术生成

最近公司在做的项目是利用的vben-admin,在使用里面的PageWrapper组件的时候有用到动态插槽的地方，使用后始终达不到我想要的定制效果！

我就是想实现如下的效果
在这里插入图片描述
但是按照源码那样去写的话是无法实现的，getHeaderSlots可以取到值，但是始终无法渲染我加的两个定制插槽的内容

 <PageWrapper
    title="测试表单"
    contentBackground
    content<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
风清云淡_A
关注
专栏目录
订阅专栏
vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)
阿臻
03-30 5351
开启了表单搜索功能, demo 代码是 formtable 组件, 个人还是比较喜欢 template 方式, 这样的方式使用不了 getForm 这种方法。在请求方法里面重新返回一个 promise 对象, 用满足规定的格式返回就可以了。需要注意的是, 如果使用了组件表单搜索功能, 就是说你需要提供一个获取数据的api, 这里着重去看怎么适配表格需要的响应数据结构。建议表格这种东西使用 vben自己封装的, ant design 自身的还需要你去动态调整表格高度。我们是不会被困难打败的, 只会越战越勇!
vben admin如何让组件显示为不可选中状态(disabled使用)
shangjinx的博客
08-01 429
【代码】vben admin如何让组件显示为不可选中状态(disabled使用)
Vue Vben Admin 精简版教程
最新发布
gitblog_00318的博客
08-08 883
Vue Vben Admin 精简版教程 vben-admin-thin-nextvue-vben-admin-2.0 mini template.vue3,vite,typescript项目地址:https://gitcode.com/gh_mirrors/vb/vben-admin-thin-next 项目介绍 Vue Vben Admin 是一个免费且开源的中后台模板，使用最新的 Vue3...
学习vue-vben-admin遇到的问题（一）
f897907070的博客
01-30 3834
文件 会被视为一个路由模块，相应也得也会在左侧生成一个菜单 有很多注意的地方，要不然很容易出现404 或者加载错误的问题。一个文件夹呢，不能有其他vue视图文件 否则报错，找不到问题，例如菜单2是test2文件，菜单是1test1文件夹需要分开放。这几天在公司接触了一个后台框架 vue-vben-admin 打开得时候，感觉页面和效果的做的不错。折腾了两天才渐渐有点感觉，开始第一次接触还是点蒙，怎么做的 官网地址是。title: t('测试'), ///子菜单名称 不可重复。//父级菜单的子菜单。
vben admin 踩坑合集
YZRHANYU的博客
11-12 3332
vben admin 踩坑合集
实战SpringBoot2+Vue3-Vben-Admin整合之前端篇
05-14
【※  购买前提醒  ※】本课程分为前端+后端共计2个课程，本课属于前端部分，后端属于另外课程。 后端部分：https://download.csdn.net/course/detail/37057适用人群Java生态开发人员、Vue生态开发人员、IT类从业者课程概述该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Vue3-Vben-Admin+可视化等技术栈开发的项目，采用多模块，前后端分离开发。包括图形展示、权限管理、用户管理等功能。【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Vue-Vben-AdminI 前端 UI 框架 前端模板【开发工具】IntelliJ IDEA 开发 IDESQLyog 数据库连接客户端Postman HTTP 请求工具【开发环境】工具 版本JDK 1.8MySQL 5.7
关于vben amin的富文本表单（tinymce）的一些爬坑之旅
weixin_44864019的博客
11-17 2544
vue vben-admin 富文本编辑 tinymce
vue-vben-admin-main源码
12-19
6. **Vue-vben-admin特性**：Vue-vben-admin提供了诸如权限控制、多语言支持、动态路由、表格、表单等常见管理后台功能的实现，这些都是通过Vue.js的特性如组件、计算属性、监听器等实现的。 7. **Vue组件**：在`...
Vue-Vben-Admin - 自定义上传excel文件弹框组件
09-27
Vue-Vben-Admin 是一个基于 Vue.js 的现代化管理后台模板，它提供了丰富的组件和功能，以帮助开发者快速构建企业级的后台系统。在本案例中，我们关注的是一个自定义的上传Excel文件的弹框组件。这个组件允许用户选择...
vue-vben-admin-main.zip
04-09
Vue-Vben-Admin 是一个基于 Vue.js 的现代化管理后台模板，设计风格采用了流行的 Ant Design Vue 框架，提供了一套完整的权限管理、表单、表格、多级路由、国际化等企业级应用所需的组件和功能。这个压缩包 "vue-...
one-app-page-wrapper:页面包装器模块，用于包装您的路线，并将页眉和页脚传递到
04-12
一个应用程序页面包装器 一个页面包装器模块，用于包装您的路由并向其中传递页眉和页脚。 :rocket: 用法 该模块旨在与和。 import React from 'react' ; import ModuleRoute from 'holocron-module-route' ; const childRoutes = ( ) => ( [ < ModuleRoute xss=removed xss=removed xss=removed> < ModuleRoute xss=removed xss=removed> < / ModuleRoute > , ] ) ; export default childRoutes ; 可
PageWrapper.java
06-20
PageWrapper.java
sui-components:sui组件发布库
05-29
sui-components sui 组件库 在线文档 使用 yarn add sui-components 示例 // lib import { Wrapper, Logo, Menu, RouterPage, Avatar } from 'sui-components'; const { PageWrapper, LeftWrapper, RightWrapper, Header, Content } = Wrapper; 清单 组件 描述 类型 Wrapper 容器 组件 object => {RightWrapper, PageWrapper, LeftWrapper, Content, NarrowContent, Header} SodaForm 表单 组件 class RouterPage 页面路由 组件 class WaitCheck 待审 组件 cla
vben-admin-thin-next-main.zip
01-18
【标题】"vben-admin-thin-next-main.zip" 指的是一个压缩包文件，其中包含了一个名为 "vben-admin-thin-next-main" 的项目或应用。从名称来看，这很可能是某个基于前端技术栈构建的管理后台模板，特别是与Vue.js...
vben admin 2.路由权限、前置守卫循环重定向死循环问题
郝开的博客
05-25 3777
vben admin 路由权限、前置守卫循环重定向死循环问题vue导航守卫vue路由权限全局前置守卫使用方法vue Router 方法 addRoutevben admin搜索addRoute定位路由文件setupRouterGuardcreatePermissionGuardrouter.beforeEach前置守卫白名单的作用：避免前置守卫循环重定向导致死循环router.addRoute添加路由权限getMenuList()获取菜单 vue路由权限思路都是基于导航守卫，然后addRoute添加权限去做
vben admin的介绍
pjm2222的博客
01-17 2981
Vben Admin基于Vue3.0、Vite、TypeScript的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。
解决后加载页面赋值不渲染问题
Winsom1的博客
05-07 822
1.问题原因：当前页面刷新，会关闭主页面，之后当前页面跳转到主页面并且赋值给主页面进行渲染，因为跳转过程中，赋值与页面加载同时进行，页面回流和重绘较多，可能造成资源阻塞，没有及时渲染或未渲染页面。 2.解决办法之一： 放入延时函数中赋值 //兄弟组件 import { event } from "./common/util"; setTimeout(() => { event.$emit('getCheckBoxFlag', true); //详情页刷新时查询页面会关闭，放入延迟加
第十三节 springboot配合VbenAdmin实现前端登录
F_angT的博客
08-24 3435
前十二节课基本上把后端结构搭建了一遍，当然还有很多知识点没涉及，不过我已经想去写前端界面，至于其他知识点，在实战中再慢慢学习。前端脚手架我选了一款叫Vben Admin的开箱即用框架。Vben Admin这节对之前的spring security的部分内容做了些改动，可以对UsernamePasswordAuthenticationToken做更深入的了解login 和getUserInfo 的设计还是比较普遍，大家得理解这种设计思路。
vue-vben-admin中card组件怎么用
07-25
在 `vue-vben-admin` 中，`Card` 组件是用来展示一块内容的容器组件。你可以按照以下步骤来使用 `Card` 组件： 1. 首先，在你的组件中导入 `Card` 组件： ```vue <!-- card 内容 --> import { Card } ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值