AI 助理
备案控制台登录注册
开发者社区 开发与运维 文章 正文

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

2021-12-21 1451
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端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



文章标签：
JavaScript
前端开发
关键词：
前端failed
前端vue
前端array
VUE.js前端
vue object
江一铭的博客
+关注
297文章
目录
打赏
0
0
0
0
52
分享
相关文章
卓伊凡
|
1月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
卓伊凡
133 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
G0518
|
6月前
|
存储 JavaScript 前端开发
前端技术分享：使用Vue.js与Vuex管理状态
【10月更文挑战第1天】前端技术分享：使用Vue.js与Vuex管理状态
G0518
73 6
CamilleKing
|
7月前
|
JavaScript
vue学习（7）Object.defineProperty
vue学习（7）Object.defineProperty
CamilleKing
56 2
G0518
|
6月前
|
JavaScript 前端开发 API
Vue.js：现代前端开发的强大框架
【10月更文挑战第11天】Vue.js：现代前端开发的强大框架
G0518
176 41
yantuguiguziPGJ
|
7月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程，包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍，如何安装和使用cnpm，以及如何解决命令行中遇到的一些常见问题。
yantuguiguziPGJ
444 5
一小时入门Vue.js前端开发
html的七十二变
|
6月前
|
JavaScript
Vue 的响应式原理中 Object.defineProperty 有什么缺陷
Vue 的响应式原理主要依赖于 `Object.defineProperty`，但该方法存在一些缺陷：无法检测到对象属性的添加和删除，且对大量数据进行代理时性能较差。Vue 3 中改用了 Proxy 来解决这些问题。
html的七十二变
206 5
G0518
|
6月前
|
JavaScript 前端开发 API
Vue.js：打造高效前端应用的最佳选择
【10月更文挑战第9天】Vue.js：打造高效前端应用的最佳选择
G0518
56 2
代码bug生产队
|
6月前
|
JavaScript 前端开发 API
前端技术分享：Vue.js 动态路由与守卫
【10月更文挑战第1天】前端技术分享：Vue.js 动态路由与守卫
代码bug生产队
89 4
源码星辰
|
6月前
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域，选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular，探讨它们各自的特点、开发场景、优缺点，并提供选择框架的建议。
源码星辰
133 6
九月天空
|
6月前
|
JavaScript 前端开发 开发者
使用 Vue.js 和 Vuex 构建响应式前端应用
【10月更文挑战第2天】使用 Vue.js 和 Vuex 构建响应式前端应用
九月天空
57 1

热门文章

最新文章

  • 1
    剖析跨域问题始末及其解决方案——前端必备交叉知识（一）
    96
  • 2
    前端开发必备！Node.js 18.x LTS保姆级安装教程（附国内镜像源配置）
    106
  • 3
    PDF预览：利用vue3-pdf-app实现前端PDF在线展示
    28
  • 4
    PDF在线预览实现：如何使用vue-pdf-embed实现前端PDF在线阅读
    51
  • 5
    调用DeepSeek API增强版纯前端实现方案，支持文件上传和内容解析功能
    66
  • 6
    Java||Springboot读取本地目录的文件和文件结构，读取服务器文档目录数据供前端渲染的API实现
    11
  • 7
    Vue 性能革命：揭秘前端优化的终极技巧；Vue优化技巧，解决Vue项目卡顿问题
    9
  • 8
    harmonyOS基础- 快速弄懂HarmonyOS ArkTs基础组件、布局容器（前端视角篇）
    17
  • 9
    前端开发中使用whistle代理工具
    11
  • 10
    前端基础的讲解-JS(7)
    7
  • 1
    Vue实现动态数据透视表（交叉表）
    109
  • 2
    vue2和vue3的响应式原理有何不同？
    58
  • 3
    高效工作流：用Mermaid绘制你的专属流程图；如何在Vue3中导入mermaid绘制流程图
    188
  • 4
    管理数据必备；侦听器watch用法详解，vue2与vue3中watch的变化与差异
    64
  • 5
    属性描述符初探——Vue实现数据劫持的基础
    32
  • 6
    你真的会使用Vue3的onMounted钩子函数吗？Vue3中onMounted的用法详解
    47
  • 7
    极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图
    253
  • 8
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
    133
  • 9
    Pinia 如何在 Vue 3 项目中进行安装和配置？
    86
  • 10
    vue渲染页面的原理
    111

    • 相关课程

    更多
  • 移动Web前端开发
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月
    目录