Props傳參v-for后TS報錯對象類型是unknow的解決方案
更新時間：2024年03月26日 15:03:28 作者：暴富的im
這篇文章主要介紹了Props傳參v-for后TS報錯對象類型是unknow的解決方案,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
此時的groups是props傳過來的參數(shù)，vue3在模板里面使用props也需要加props。
import { defineProps} from 'vue'
const props = defineProps({
groups: {
type: Array ,
default: null
}
})1.此時需要定義一個ts文件對group進行定義類型即可
/**
* type.ts
*/
export type IGroup = { type不能忘記寫
name: string
color: string
count: number
status: string
icon: string
headers: [{ name: string; key: string; format: any }]
data: any[] 這里應(yīng)該還需要細加定義，但是我偷懶了
operators: [
{
name: string
icon: string
handle: any
}
]
}2.在組件中引入該類型
import { defineProps, type PropType } from 'vue'
import type { IGroup } from '@/api/types' PS：這里引入要寫前面type
const props = defineProps({
groups: {
type: Array as unknown as PropType<[IGroup]>, 需要先定義unknown
default: null
}
})到此這篇關(guān)于Props傳參v-for后TS報錯對象類型是unknow的文章就介紹到這了,更多相關(guān)Props傳參v-for報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了在vue項目中如何使用emoji表情,包括font-awesome圖標(biāo),v-emoji-picker,vue-emoji等emoji表情庫,需要的可以參考下2025-03-03
vue 2.1.3 實時顯示當(dāng)前時間,每秒更新的方法
今天小編就為大家分享一篇vue 2.1.3 實時顯示當(dāng)前時間,每秒更新的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
幾個你不知道的技巧助你寫出更優(yōu)雅的vue.js代碼
本文參考自油管上某個國外大神的公開演講視頻，學(xué)習(xí)了一下覺得很不錯，所以在項目中也使用了這些不錯的技巧。趁周末有空，寫個博客記錄一下2018-06-06
詳解Vue CLI3 多頁應(yīng)用實踐和源碼設(shè)計
這篇文章主要介紹了詳解Vue CLI3 多頁應(yīng)用實踐和源碼設(shè)計，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Vue3中shallowRef和shallowReactive的性能優(yōu)化
Vue3中shallowRef和shallowReactive是淺層響應(yīng)式API,用于性能優(yōu)化,僅追蹤對象或數(shù)組第一層屬性的變化,本文就來詳細的介紹一下具體的使用,感興趣的可以了解一下2024-09-09
本文主要介紹了Vue實現(xiàn)模糊查詢搜索功能的步驟,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10
這篇文章主要為大家詳細介紹了Vue?Validate表單組件的封裝的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起了解下2023-09-09
最近在用VUE寫大屏頁面,遇到屏幕自適應(yīng)問題,下面這篇文章主要給大家介紹了關(guān)于vue項目的屏幕自適應(yīng)多個方案的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)錨點定位功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
AT-UI 是一款基于 Vue.js 2.0 的輕量級、模塊化前端 UI 組件庫，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。下面通過本文給大家介紹Vue 2.0的模塊化前端 UI 組件庫，需要的朋友參考下吧2017-12-12