vue3中v-for報(bào)錯(cuò)'item'is?of?type'unknown'的解決方法
報(bào)錯(cuò)
在寫vue3+ts的項(xiàng)目,得到一個(gè)數(shù)組,需要循環(huán)展示,使用v-for循環(huán),寫完之后發(fā)現(xiàn)有個(gè)報(bào)錯(cuò),如下:
解決
props的時(shí)候使用PropType將數(shù)據(jù)類型完整標(biāo)注即可
以為沒有顯示的表示出list中item的類型,可以使用一下方式
interface relationData{ key:number, spuName:string, } const props = defineProps({ historyList: { type: Array<TaskrelationData>, // 或者Task[] required: true } })
我是直接在props接收的時(shí)候改的(如有錯(cuò)誤請指正)
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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue上傳項(xiàng)目到git時(shí),如何忽略node_modules文件夾
這篇文章主要介紹了vue上傳項(xiàng)目到git時(shí),如何忽略node_modules文件夾,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09Vue中的基礎(chǔ)過渡動畫及實(shí)現(xiàn)原理解析
這篇文章主要介紹了Vue中的基礎(chǔ)過渡動畫原理解析,需要的朋友可以參考下2018-12-12vue實(shí)現(xiàn)點(diǎn)擊圖片放大效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)點(diǎn)擊圖片放大效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08vue實(shí)現(xiàn)文字橫向無縫走馬燈組件效果的實(shí)例代碼
這篇文章主要介紹了vue 文字橫向無縫走馬燈組件的實(shí)現(xiàn)代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04vue項(xiàng)目設(shè)置活性字體過程(自適應(yīng)字體大小)
這篇文章主要介紹了vue項(xiàng)目設(shè)置活性字體過程(自適應(yīng)字體大小),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09