vue:props对象中,父组件传只传某个参数,其他参数的默认值不会自动补齐的问题

遇到的问题:当父组件用Props传参datePickerObj给子组件时,datePickerObj的类型为对象,其中有三个属性,showTitle,showDate,showTime。子组件接收时,默认三个属性全是true,当父组件只传其中一个属性时
父组件:
在这里插入图片描述
子组件的模板:
在这里插入图片描述
子组件的props:
在这里插入图片描述
结果:页面该显示的时间日期的选择框没有出来
在这里插入图片描述
原因:props 默认值只在没有传参时才会被读取,并不会为你的参数对象补齐属性,

改善:利用计算属性,ES6对象的新方法assign(如果父组件有传参就覆盖默认值中相同的属性,其他属性会被保留,如果没有就使用默认值)
在这里插入图片描述
结果(父组件传的参数还是没变):
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值