vue3中v-for报错'item'is of type'unknown'的解决方法

 更新时间:2023年11月22日 14:45:31   作者:@小花76  
在写vue3+ts的项目,得到一个数组,需要循环展示,使用v-for循环,写完之后发现有个报错,接下来通过本文给大家介绍vue3中v-for报错 ‘item‘ is of type ‘unknown‘的解决方法,感兴趣的朋友一起看看吧

报错

在写vue3+ts的项目,得到一个数组,需要循环展示,使用v-for循环,写完之后发现有个报错,如下:

在这里插入图片描述

解决

props的时候使用PropType将数据类型完整标注即可

以为没有显示的表示出list中item的类型,可以使用一下方式

interface relationData{
  key:number,
  spuName:string,
}
 
const props = defineProps({  
	historyList: {
    	type: Array<TaskrelationData>, // 或者Task[]
        required: true
    }
})

我是直接在props接收的时候改的(如有错误请指正)

relationData: {
    type: Array as any,
	required: true
}

到此这篇关于vue3中v-for报错 ‘item‘ is of type ‘unknown‘的解决方法的文章就介绍到这了,更多相关vue3 v-for报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue用h()函数创建Vnodes的实现

    vue用h()函数创建Vnodes的实现

    Vue提供了一个h()函数用于创建vnodes,本文就来介绍一下vue用h()函数创建Vnodes的实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • Vue中插槽Slot的多种高级玩法详解

    Vue中插槽Slot的多种高级玩法详解

    在组件化开发中,插槽 (Slot) 是实现内容分发的核心机制,这篇文章小编为大家整理了一些Vue插槽Slot的高级玩法,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2026-02-02
  • vue实现图片预览组件封装与使用

    vue实现图片预览组件封装与使用

    这篇文章主要为大家详细介绍了vue实现图片预览组件封装与使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Vue+Element+Springboot图片上传的实现示例

    Vue+Element+Springboot图片上传的实现示例

    最近在学习前段后分离,本文介绍了Vue+Element+Springboot图片上传的实现示例,具有一定的参考价值,感兴趣的可以了解一下
    2021-11-11
  • vue监听键盘事件的相关总结

    vue监听键盘事件的相关总结

    这篇文章主要介绍了vue监听键盘事件的相关总结,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • echarts 使用formatter 修改鼠标悬浮事件信息操作

    echarts 使用formatter 修改鼠标悬浮事件信息操作

    这篇文章主要介绍了echarts 使用formatter 修改鼠标悬浮事件信息操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue实现星级评价效果

    Vue实现星级评价效果

    这篇文章主要为大家详细介绍了Vue实现星级评价效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • vue 引入公共css文件的简单方法(推荐)

    vue 引入公共css文件的简单方法(推荐)

    下面小编就为大家分享一篇vue 引入公共css文件的简单方法(推荐),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Vue.js中的绑定样式实现

    Vue.js中的绑定样式实现

    这篇文章主要介绍了Vue.js中的绑定样式实现,展开的内容呦style绑定样式和绑定class样式,具体相关内容需要的小伙伴可以参考下面文章介绍
    2022-05-05
  • Vue全局事件总线$bus安装与应用小结

    Vue全局事件总线$bus安装与应用小结

    这篇文章主要介绍了Vue全局事件总线$bus安装与应用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09

最新评论