解决Vue报错解决Invalid prop: type check failed for prop “model“. Expected Object, got Array的问题

2023-05-16

 

在写项目的时候发生了类型匹配不符合的问题,准确来说就是变量期望拿到的是一个对象,但是实际上赋值给变量的是一个数组。

这里我出现的问题是我的变量定义为对象,却没有注意直接把res.data(数组)赋值给了变量。后面改为data[0]赋值给对象就可以了。


data(){
  return{
    cinemaInfo:{},
    halls: [],
    url:""
  }//这是定义的变量
  

getCinemaInfo(){
  this.request.get("/cinema").then(res => {
    if(res.code === '200'){
      console.log(res)
      this.cinemaInfo = res.data[0]//这里一开始直接赋值的res.data
      this.halls=res.data[0].hallTypeList.split(',')
      this.url=res.data[0].picture
      console.log(this.cinemaInfo)
    }
  })
}  

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

解决Vue报错解决Invalid prop: type check failed for prop “model“. Expected Object, got Array的问题 的相关文章

  • docker-compose安装教程(包含docker安装教程)

    本文旨在学习记录 xff0c 该过程是作者经历过大大小小的十来次失败总结而来 xff0c 内容都是各方博客荟萃的结果 xff0c 下述内容都已实践成功 xff0c 若失败 xff0c 只需初始化云盘 xff0c 重新安装即可 xff0c 无
  • Idea中xml文件局部黄色背景颜色去除

    Idea中xml文件局部黄色背景颜色去除 参考 xff1a Idea中更改主题后xml配置文件局部黄色背景颜色去除 版本2020 3 初始打开 xff0c 或更换主题后 xff0c 黑色背景屎黄色 xff0c 白色背景浅黄色或青绿色 Int
  • RabbitMQ安装教程(最新RabbitMQ安装,通用教程)

    目录 一 前言 二 Erlang下载安装 三 RabbitMQ下载安装 三 RabbitMQ Web界面管理 四 参考与结语 一 前言 RabbitMQ是一个开源的遵循 AMQP协议实现的基于 Erlang语言编写 xff0c 即需要先安装

随机推荐