vue3中v-for報錯'item'is?of?type'unknown'的解決方法
更新時間：2023年11月22日 14:45:31 作者：@小花76
在寫vue3+ts的項目,得到一個數(shù)組,需要循環(huán)展示,使用v-for循環(huán),寫完之后發(fā)現(xiàn)有個報錯,接下來通過本文給大家介紹vue3中v-for報錯?‘item‘?is?of?type?‘unknown‘的解決方法,感興趣的朋友一起看看吧
報錯
在寫vue3+ts的項目，得到一個數(shù)組，需要循環(huán)展示，使用v-for循環(huán)，寫完之后發(fā)現(xiàn)有個報錯，如下：
解決
props的時候使用PropType將數(shù)據(jù)類型完整標注即可
以為沒有顯示的表示出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報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
vue用h()函數(shù)創(chuàng)建Vnodes的實現(xiàn)
Vue提供了一個h()函數(shù)用于創(chuàng)建vnodes,本文就來介紹一下vue用h()函數(shù)創(chuàng)建Vnodes的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2024-01-01
在組件化開發(fā)中,插槽 (Slot) 是實現(xiàn)內(nèi)容分發(fā)的核心機制,這篇文章小編為大家整理了一些Vue插槽Slot的高級玩法,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2026-02-02
這篇文章主要為大家詳細介紹了vue實現(xiàn)圖片預覽組件封裝與使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
Vue+Element+Springboot圖片上傳的實現(xiàn)示例
最近在學習前段后分離，本文介紹了Vue+Element+Springboot圖片上傳的實現(xiàn)示例，具有一定的參考價值，感興趣的可以了解一下2021-11-11
這篇文章主要介紹了vue監(jiān)聽鍵盤事件的相關總結(jié)，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
echarts 使用formatter 修改鼠標懸浮事件信息操作
這篇文章主要介紹了echarts 使用formatter 修改鼠標懸浮事件信息操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要為大家詳細介紹了Vue實現(xiàn)星級評價效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
下面小編就為大家分享一篇vue 引入公共css文件的簡單方法(推薦)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了Vue.js中的綁定樣式實現(xiàn)，展開的內(nèi)容呦style綁定樣式和綁定class樣式，具體相關內(nèi)容需要的小伙伴可以參考下面文章介紹2022-05-05
這篇文章主要介紹了Vue全局事件總線$bus安裝與應用,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09