遇到的问题:当父组件用Props传参datePickerObj给子组件时,datePickerObj的类型为对象,其中有三个属性,showTitle,showDate,showTime。子组件接收时,默认三个属性全是true,当父组件只传其中一个属性时
父组件:
子组件的模板:
子组件的props:
结果:页面该显示的时间日期的选择框没有出来
原因:props 默认值只在没有传参时才会被读取,并不会为你的参数对象补齐属性,
改善:利用计算属性,ES6对象的新方法assign(如果父组件有传参就覆盖默认值中相同的属性,其他属性会被保留,如果没有就使用默认值)
结果(父组件传的参数还是没变):