work-notes（11）：从父组件传入到子组件的值存在有多种类型时怎么写，怎么写传入值才正确？

时间：2022-05-15

文章目录 问题描述正确写法重点

问题描述

（1）当父组件传到 子组件的值，有多个的时候时怎么写才正确？

好比说，我给一个子组件盒子，我传入的值可能是一个数字（Number） 1000，也可能是一个百分数（String）50%;

爱咋咋地，毕竟 Element UI 人家也是可以有多种值可传入的吧，自己写的组件也可以输入多种值类型才合理；

正确写法

（1）在 type 类型作为一个数组，数组里面写入类型即可；
（2）required: true,  是否必须传入，如果非必须可以不用这个值，因为都填这个值，不传入的时候会报【警告】错误；

  props: {
   boxWidth: {
     type: [String, Number],
     required: true, // 是否必须传入，如果非必须可以不用这个值，因为都填
   },
 },

重点

（1）我知道有家人们喜欢偷懒,会问下面这种写法不香吗？
		肯定香啊，敲多一个我都懒，但是后期维护，数据类型需要确定，反工更累；
	
（2）个人建议用上面对象类型写传入值；

props:{
  [boxWidth]
}