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

已于 2024-06-07 16:41:56 修改
阅读量3.1k 收藏 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可以取到值，但是始终无法渲染我加的两个定制插槽的内容

 <PageWrapper
    title="测试表单"
    contentBackground
    content=" 表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。"</
了解本专栏 订阅专栏 解锁全文 超级会员免费看
风清云淡_A
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
订阅专栏
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
vben-mini:用于vue2.0和vue3.0的学习vue-vben-admin的迷你vben
04-16
Vue 3 +打字稿+ Vite 该模板将帮助您开始在Vite中使用Vue 3和Typescript进行开发。 推荐的IDE设置 + 。 确保在设置中启用vetur.experimental.templateInterpolationService ！ 如果使用[removed] 是当前处于RFC阶段的功能。 要获得语法的正确IDE支持，请使用而不是Vetur（并禁用Vetur）。 TS中.vue导入的类型支持 由于TypeScript无法处理.vue导入的类型信息，因此默认情况下将它们.vue为通用Vue组件类型。 在大多数情况下，如果您真的不在乎模板之外的组件prop类型，那么这很好。 但是，如果您希望在.vue导入中获取实际的道具类型（例如，在使用手动h(...)调用时获取道具验证），则可以使用以下代码： 如果使用手掌 运行Volar: Switch TS Plug
vben userform表单 表单及增加表单位置设置
最新发布
muitoprazer的博客
04-23 1647
提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了userform的使用，更多方便快捷vben的userform的使用还需要更加深入了解，如有什么问题欢迎私信我。
实战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 2280
vue vben-admin 富文本编辑 tinymce
vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)
weixin_43191327的博客
03-30 4568
开启了表单搜索功能, demo 代码是 formtable 组件, 个人还是比较喜欢 template 方式, 这样的方式使用不了 getForm 这种方法。在请求方法里面重新返回一个 promise 对象, 用满足规定的格式返回就可以了。需要注意的是, 如果使用了组件表单搜索功能, 就是说你需要提供一个获取数据的api, 这里着重去看怎么适配表格需要的响应数据结构。建议表格这种东西使用 vben自己封装的, ant design 自身的还需要你去动态调整表格高度。我们是不会被困难打败的, 只会越战越勇!
学习vue-vben-admin遇到的问题（一）
f897907070的博客
01-30 2989
文件 会被视为一个路由模块，相应也得也会在左侧生成一个菜单 有很多注意的地方，要不然很容易出现404 或者加载错误的问题。一个文件夹呢，不能有其他vue视图文件 否则报错，找不到问题，例如菜单2是test2文件，菜单是1test1文件夹需要分开放。这几天在公司接触了一个后台框架 vue-vben-admin 打开得时候，感觉页面和效果的做的不错。折腾了两天才渐渐有点感觉，开始第一次接触还是点蒙，怎么做的 官网地址是。title: t('测试'), ///子菜单名称 不可重复。//父级菜单的子菜单。
vben admin 踩坑合集
YZRHANYU的博客
11-12 2648
vben admin 踩坑合集
Vue-Vben-Admin - 自定义上传excel文件弹框组件
09-27
Vue-Vben-Admin -- 自定义上传excel文件组件
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-10
Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可以用作学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2...
基于Vben+Admin+Ts+AntDesign+vite+Vue3框架遇到的问题，以及组件的使用
WhoopD的博客
08-24 1580
vben+admin框架中使用场景
vben admin 2.路由权限、前置守卫循环重定向死循环问题
郝开的博客
05-25 3413
vben admin 路由权限、前置守卫循环重定向死循环问题vue导航守卫vue路由权限全局前置守卫使用方法vue Router 方法 addRoutevben admin搜索addRoute定位路由文件setupRouterGuardcreatePermissionGuardrouter.beforeEach前置守卫白名单的作用：避免前置守卫循环重定向导致死循环router.addRoute添加路由权限getMenuList()获取菜单 vue路由权限思路都是基于导航守卫，然后addRoute添加权限去做
项目遇到的问题总结（四）：单页面首屏加载慢解决方案
p15097962069的博客
03-31 322
项目遇到的问题总结（四）：单页面首屏加载慢解决方案
【场景方案】捋一捋Vben Admin之登陆方案（学习记录）
庞囧的博客
04-16 5882
文章目录前言点击登陆validFormPiniauserStore.loginuserStore.afterLoginActionuserStore.getUserInfoAction尾巴 前言 本文章只是一个思路的梳理，只扒TS的逻辑过程（模板的暂时不涉及，以后有机会再补上吧），作为个人的源码学习记录，不喜勿喷。 源码来源 Vben Admin 点击登陆 点击登陆按钮的相关文件在src/views/sys/login/LoginForm.vue中，我们来逐句分析，遇到一些封装的地方再往下翻翻可以看到（
vben admin 后端路由 角色 菜单 配置
qq_24953751的博客
01-06 1620
1.第一步，先给相应改成后端路由 默认permissionMode: PermissionModeEnum.ROUTE_MAPPING,这里有个地方需要注意 在meta 配置setHideMenu(true);代表不在菜单显示，但是可以通过按钮请求到。以上是路由的配置，有不懂的可以qq：929089727 李森源。下面：当前用户对应的按钮 拼接成string数组就可以了。格式例子： ['新增', '修改', '删除']这样前端就基本完成了，接下来看后端的。第二步就是配置按钮权限了，
Go+Vben Admin框架初体验
m0_51767575的博客
08-29 2121
Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台。整体封装度很高，拓展性也很强，没有在精简版上进行开发，主要还是想通过这套框架去熟悉一下 TypeScript 以及学习框架本身一些好的写法和思想。...
Vben Admin 的介绍以及使用
热门推荐
YZRHANYU的博客
11-17 3万+
Vben Admin 的介绍以及使用
vben-Admin 框架--表单问题汇总
xiaofiy的博客
07-07 1万+
vebn-admin
初玩儿vben-admin踩坑Vue3+TypeScript的setup模式纪实[持续更新]
Tristone的博客
05-12 2893
跟着感觉走。。。文章背景TS2322: Type 'Timer' is not assignable to type 'null'.TS6198: All destructured elements are unused.TS6133: 'stop' is declared but its value is never read.TS2339: Property 'offsetWidth' does not exist on type 'Element | null'. 文章背景 关键词注释：本模式(是指V
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、付费专栏及课程。

余额充值