Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue 2-如何在道具中设置默认数组类型_Javascript_Types_Vuejs2_Vue.js - Fatal编程技术网

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

Javascript Vue 2-如何在道具中设置默认数组类型,javascript,types,vuejs2,vue.js,Javascript,Types,Vuejs2,Vue.js,我有我的Vue组件,它将一组对象作为道具。 我经常使用道具验证,尤其是“默认”值特性 在这种情况下,我有: props: { items: Array } 但我希望它有类似的打字脚本或反应: props: { items: Array.of( {key: {type: String, default: 'myText'}} ) } 等等 有可能实现吗?否则,我需要使用计算数据作为映射来设置默认值,例如:,这可能会对您有所帮助,是的。。。可以将默

我有我的Vue组件,它将一组对象作为道具。 我经常使用道具验证,尤其是“默认”值特性

在这种情况下,我有:

props: {
    items: Array
}
但我希望它有类似的打字脚本或反应:

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

有可能实现吗?否则,我需要使用计算数据作为映射来设置默认值,例如:,这可能会对您有所帮助,是的。。。可以将默认值作为数组返回:

ES6

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

用于阵列的ES6品种

props: {
  arr: {
    type: Array,
    default: () => []
  }
}
…对于对象

props: {
  obj: {
    type: Object,
    default: () => ({
      param: value,
      param2: value,
    })
  }
}
一对相关资源:


  • 谢谢,不是我想的那么优雅,但似乎很有效;)Vue prop default不适用于
    null
    ,只适用于
    未定义的
    ,因此不等同于
    如果(!items).
    。试试小提琴