在给Props加一个数组类型的属性，结果运行报错：
Props with type Object/Array must use a factory function to return the default value.
image.png
正确的写法：
props: {
roles: {
type: Array,
default: function () {
return [1]
}
}
},
如果是一个对象类型的，这样写：
props: {
roles: {
type: Object,
default: function () {
return { roleName: 'admin' }
}
}
},
在给Props加一个数组类型的属性，结果运行报错：Props with type Object/Array mus...
产生问题的出处 解决办法 props传递数据的时候，默认值如果是数组或者对象，应该使用一个函数返回默认值
props default 数组／对象的默认值应当由一个工厂函数返回 改成
1. 使用 props props 用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，...
默认写法 如果默认值得类型为数组或者对象，一定要在函数中返回这个默认值，而不是直接写，否则报错 或者直接跟上面第一...
使用 Props 默认 Props --有时候我们需要在子组件中设置个默认值，这时候需要用到defaultProp...
- 对象解构赋值 ** 对象的取值是由属性取值对象的值也可以设置默认值（见数组结构篇） ** 解构例子 如果变量名...
props支持对象和数组两种，二选一，否则给出警告 props中数组定义必须是字符串，否则给出警告 不管数组还是对...
vue 中父组件通过 v-bind 属性 给子组件传值，子组件通过 props（可以是对象或者数组） 接收，子组件...
Vue 组件间的通信 父传子：props两种形式：数组、对象props 对象属性: type default va...
本文标题：vue.js Props中数组或者对象的默认值设置
本文链接：https://www.haomeiwen.com/subject/xaujgftx.html
网友评论