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