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：“默认”类型中的属性“选项卡”不可分配给 基类型“object & Record & Vue”中的相同属性。类型 'ITabs[]' 不能分配给类型 '{ name: "";价值： ””; }[] | 不明确的'。类型 'ITabs[]' 不可分配给类型 '{ name: ""; 价值： ””; }[]'。类型 'ITabs' 不可分配给类型 '{ name: ""; 价值： ””; }'。属性“名称”的类型不兼容。类型 'string' 不可分配给类型 '""'。

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

Answer 1

如果有人像我一样挣扎，这对我有用：

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