Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null

已于 2023-12-29 10:29:04 修改
阅读量970 收藏 17
点赞数 18
文章标签： vue.js 前端 javascript 前端框架
于 2023-12-28 11:21:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51536454/article/details/135263458
版权
在使用Vben Admin的BasicForm组件时遇到Vue警告，提示缺少prop 'api'。尝试在FormSchema添加api属性但未成功。通过查看文档，了解到api是BasicUpload组件需要的属性。解决方案是自定义BasicUpload组件并将api直接传给它，从而消除警告。
摘要由CSDN通过智能技术生成

报错内容：

  今天在使用 Vben Admin BasicForm时，遇到一个警告[Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null ，警告内容如下：

可以看见他提示我们缺少必要的 prop:"api"。

尝试的解决方法：

于是我试着在FormSchema中添加一个 api属性但是它直接报错：

说 “api”不在类型“FormSchema”中。于是我试着在FormSchema添加一个api属性

发现编辑器不在报错，但是Vue页面依旧提示[Vue warn]: Missing required prop: "api" 。由此可见此方法错误。

 于是我去翻阅

最低0.47元/天 解锁文章
ID＆D
关注
  • 18
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue-vben-admin.md
07-30
vue-vben-admin.md
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...
Invalid prop: type check failed for prop “onUpdate:value“
前端开发
05-19 2933
Invalid prop: type check failed for prop "onUpdate:value"
Invalid prop: type check failed for prop “xxx“报错处理
smallteddy.blog.csdn.net
07-08 4万+
首先我们看到这个报错，这个报错的意思是说：无效的命名数据:“数据”类型检查失败。而且上面说了是Boolean类型错误，要把值改成"true"，并且看到是tag标签的错误，于是检查代码： <el-table-column prop="process_id" label="模板号" align="center" min-width="50"> <template v-slot="{ row }"> <div slot="content">.
Invalid prop: type check failed
圣人男的博客
03-16 544
错误出处： 1.子组件 export default { name: 'EditApp', props: { form: { type: Object, required: true, default: Object } } } 2.父组件 export default { name: 'Home', c...
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
Vue报错： Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.
li22356的博客
09-02 1万+
问题如下图所示： 问题原因： 其实原因很简单，就是他想要的是数组类型的， 自己写的是字符串类型的。找问题所在最好注释挨个看看那个报错就可以了。 解决方案： 经过我的排查发现是table表格的定义有问题 解决如下 以上就是问题解决原因，最关键的是排查出那一部分有问题，才能修改。其实个人觉得这错误不该犯错。可能自己写的东西太多，没注意导致的，希望自己下次注意 ...
vue-vben-admin-main源码
最新发布
12-19
6. **Vue-vben-admin特性**：Vue-vben-admin提供了诸如权限控制、多语言支持、动态路由、表格、表单等常见管理后台功能的实现，这些都是通过Vue.js的特性如组件、计算属性、监听器等实现的。 7. **Vue组件**：在`...
vue-vben-admin：基于Vite2，vue3.0，ant-design-vue 2.x，打字稿的vue3样式Admin，正在努力进行更新。
02-06
VUE VBEN ADMIN2.0 | 英语 介绍 该项目是基于'ant设计-VUE实施vue3风格的后台管理系统,打字稿, vue3.0 ,维生素E , tsx`， 的GitHub main分支 瘦 预习 测试帐户：vben / 123456 文献资料 2.0的文档尚未开始，将在...
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...
Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function
weixin_48307977的博客
04-02 2520
既然现在传过来的是Function, 那么有两个方法, 要么将传入的参数改为Boolean, 要么将collapse指定接收的参数类型改为Function。翻译出来的意思是: 无效道具：道具“collapse”的类型检查失败。应为布尔值，得到的是函数。这样就不会有爆参错误了。
[Vue warn]: Missing required prop
小道仙的后宫
09-26 5万+
异常如下： 这个异常是路由传参引起的。分两种情况 第一种： 使用 props 定义了参数，但是没有在组件调用的时候传递参数。 正常定义如下： 调用如下： 第二种： 使用 query 传递参数，但是使用了 props 定义参数 正确定义和获取参数如下： 传递方式如下： （也可以在 router-link-to里面） ...
[Vue warn]: Invalid prop: type check failed for prop "****".
littleFatty的博客
04-18 7512
以下错误都是同样的原因 [Vue warn]: Invalid prop: type check failed for prop "readonly". Expected Boolean, got String with value "true". [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected...
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function found in
qq_29820687的博客
07-25 1192
参数传错了，修改即可。
[Vue warn]: Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function
楠藜的博客
01-10 1076
[Vue warn]: Invalid prop: type check failed for prop "collapse". Expected Boolean, got Function
VUE 项目浏览器端出现红色 warn 信息：[Vue warn]: Invalid prop: type check failed for prop “options“. Expected Arr
YHLSunshine的博客
04-20 3951
VUE 项目浏览器端出现红色 warn 信息：[Vue warn]: Invalid prop: type check failed for prop "options". Expected Arr
Invalid prop: type check failed for prop “xxx“
weixin_46669844的博客
01-03 647
无效的命名数据:“数据”类型检查失败。很经典的问题处理办法：找引号对应字符位置。。。
vebn的BasicForm和a-select的下拉选择模糊搜索
chenmomo_csdn的博客
11-07 476
固定的api了解即可，写过一次就可以掌握。
vben admin +vue3 与.net如何使用FastReport打印高级范例
06-09
下面是使用 vben admin +vue3 和 .Net 开发实现 FastReport 打印高级范例的步骤： 1. 准备工作 在开始之前，需要安装 FastReport 插件和相应的依赖库。可以从官网下载 FastReport 插件，并将其添加到项目中。此外...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值