vue-property-decorator @Prop如何使用接口定义数组

Question

'use strict'

import Vue from 'vue'
import { Prop, Watch } from 'vue-property-decorator'

interface ITabs {
    name: string
    value: string
}

export default class extends Vue {
    @Prop({
        type: Array,
        default() {
            return []
        }
    })
    public tabs!: ITabs[] // TS2416
}

TS2416:属性‘tab’在类型'default‘中不能分配给基类型'object & Record & Vue’中的相同属性。类型'ITabs[]‘不能分配到键入'{ name：“；值：""；}[] \键入'ITabs[]‘不能指定键入'{ name：“；value：""；}[]’‘。键入'ITabs‘不能指定键入'{ name：“；value：""；}’。属性“名称”的类型不兼容。输入“string”不能指定键入“”。

我想在Prop中使用接口，我该怎么办？

Answer 1

万一有人像我一样挣扎，这才是对我有用的：

@Prop({ default: () => {
        return [ ]
    }
    }) private tabs!: ITabs[];