首页 >> js开发 >> jsVue props中Object和Array设置默认值操作js大全
jsVue props中Object和Array设置默认值操作js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
我就废话不多说,看代码吧~
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}当父组件没有传这个值或者值是空时,输出的话,返回:下面这种是错误的
seller: {
type: Object,
default: () => {}
}
seller: {
type: Object,
default: () => {}
}当父组件没有传这个值或者值是空时,输出的话,这时是返回underfind,在template中获取里面的值时,就报错。补充知识:解决vue props 默认值为数组或对象时报错的问题补充知识:补充知识:解决vue props 默认值为数组或对象时报错的问题简单粗暴直接上代码:
// 这些写时会报错 Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正确应该这样写
// 因为vue规定,对象或数组默认值必须从一个工厂函数获取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
// 这些写时会报错 Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正确应该这样写
// 因为vue规定,对象或数组默认值必须从一个工厂函数获取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
以上这篇Vue props中Object和Array设置默认值操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default() {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}
seller: {
type: Object,
default: function () {
return {}
}
}当父组件没有传这个值或者值是空时,输出的话,返回:下面这种是错误的
seller: {
type: Object,
default: () => {}
}
seller: {
type: Object,
default: () => {}
}当父组件没有传这个值或者值是空时,输出的话,这时是返回underfind,在template中获取里面的值时,就报错。补充知识:解决vue props 默认值为数组或对象时报错的问题补充知识:补充知识:解决vue props 默认值为数组或对象时报错的问题简单粗暴直接上代码:
// 这些写时会报错 Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正确应该这样写
// 因为vue规定,对象或数组默认值必须从一个工厂函数获取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
// 这些写时会报错 Type of the default value for 'record' prop must be a function
props: {
record: {
type: Array,
default: []
}
}
// 正确应该这样写
// 因为vue规定,对象或数组默认值必须从一个工厂函数获取
props: {
record: {
type: Array,
default: function () {
return []
}
}
}
以上这篇Vue props中Object和Array设置默认值操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
相关文章:
- js代码详解vue路由,js详解vue路由
- js微信小程序实现上传照片代码实例解析js大全
- jsJS事件循环机制event loop宏任务微任务原理解析js大全
- js解决vue addRoutes不生效问题js大全
- jsvue 解决addRoutes多次添加路由重复的操作js大全
- jsvue相同路由跳转强制刷新该路由组件操作js大全
- jsantd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作js大全
- jsvue 需求 data中的数据之间的调用操作js大全
- js解决vue-router路由拦截造成死循环问题js大全
- JavaScriptvue 解决uglifyjs-webpack-plugin打包出现报错的问题