javascript Vue 2 -如何在道具中设置数组的默认类型

6yoyoihd 于 2022-11-20 发布在 Java

关注(0)|答案(3)|浏览(187)

我有一个Vue组件，它将一个对象数组作为一个属性。我经常使用属性验证，特别是对于“默认”值特性。
在这种情况下，我有：

props: {
    items: Array
}

但我希望它能像Typescript或React那样：

props: {
    items: Array.of(
        {key: {type: String, default: 'myText'}}
        )
}

等等。
是否可以实现？否则我需要使用计算数据作为Map只是为了设置默认值

3条答案

我创造了一个例子：jsFiddle，这可能会对您有所帮助，是的...您可以将默认值作为数组返回：

ES6

props: {
    items: {
        type: Array,
        default: () => []
    }
}

ES6种类阵列

props: {
  arr: {
    type: Array,
    default: () => []
  }
}

...对于一个对象

props: {
  obj: {
    type: Object,
    default: () => ({
      param: value,
      param2: value,
    })
  }
}

一些相关资源：

赞(0）回复(0）举报 2022-11-20

你应该试试这个

props: {
  data: {
    type: Array,
    required: true,
    default: ()=> []
  }
}