Vue怎样根据条件判断是否传props

Question

<customeComponet     :propA="needPropA ? dataA : null"> </customeComponet> ···data () {    return {         dataA: {},         needPropA: false     } }现在的问题是 当不满足needPropA的时候，直接不传propA，除了写两次customComponent然后用v-if控制这种方法还有没有其他处理的办法？

Answer 1

在vue里不传和传undefined是等价的，子组件定义的props父组件不传也会被枚举到（值为undefined，刚刚测试）

Answer 2

楼上说的对，这个问题的核心不在于 是否传递prop，而在于 某个prop不传时如何处理，楼主已经贴出来的代码已经基本实现了，对于子组件因为 prop 有值的时候传递需要处理，这个逻辑是必须的，所以代码是一定指定了接受相应 prop 并做处理，只需要再添加当值为 undefined/null 的兼容处理逻辑就行。