前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题

简介: 前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题

前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”

image.png

错误是:期望对象,得到的是数组

image.png

第一种情况:

组件传值

1、父组件

image.png

2、子组件

image.png

3、报错提示

image.png

改正

image.png

第二种情况:

获取数据的代码为

image.png

改为:

image.png

image.png



目录
相关文章
|
2月前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。
|
4月前
|
前端开发 Java 编译器
【前端学java】java中的Object类和前端中的Object有什么区别(9)
【8月更文挑战第10天】java中的Object类和前端中的Object有什么区别
49 0
【前端学java】java中的Object类和前端中的Object有什么区别(9)
|
7月前
|
JavaScript
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
358 0
|
7月前
|
XML 存储 Java
Project Object Model
“【5月更文挑战第28天】”
42 2
|
6月前
|
前端开发 JavaScript 测试技术
前端Tips#2 - 将 arguments 转换成Array的最佳实践
前端Tips#2 - 将 arguments 转换成Array的最佳实践
|
7月前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
111 2
|
7月前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
56 1
|
7月前
Object.prototype.toString.call() 和 instanceOf 和 Array.isArray() 区别以及优缺点
Object.prototype.toString.call() 和 instanceOf 和 Array.isArray() 区别以及优缺点
56 0
|
7月前
|
JavaScript 前端开发
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
88 1
|
7月前
|
前端开发
【前端】解决: Property 'inline' does not exist on type 'ClassAttributes<HTMLElement> & HTMLAttribut...
【前端】解决: Property 'inline' does not exist on type 'ClassAttributes<HTMLElement> & HTMLAttribut...
171 0
下一篇
DataWorks