2025-05-13 vue给组件传参无法正确拿到传递参数，打印出来是默认值==》props的type类型问题

注意：本案例主针对props传参中存在多个类型下的传参研究

我有一个组件，需要给该组件传递参数height2

 height2: {
      type: String || Number || Boolean,
      default: false,
    },

在组件传参是这样的

<组件 :height2="60" />

在组件内打印你会发现获取到的一直是false，而不是60

原因：props的type在多个状态下需要根据传参的实际类型优先排序

即：你的传参是数字类型优先，那么你需要更改为

 height2: {
      type: Number || Boolean || String,
      default: false,
    },

这样就可以了，不会报错