Vue 父子组件传值如何校验？

Question

假设有个子组件，要求 如果 async属性为false,则nodes属性必须传递一个数组。请问该如何验证？

//子组件
<my-tree :async="false" :nodes="nodes" ></my-tree>

//子组件的props该如何修改才能满足上述要求？
props:{
    async: Boolean,
    nodes:{
        type: Array,
        default: function(){
            return [];
        },
        required: false

    }
}

Answer 1

  props: {
    async: Boolean,
    nodes: {
      type: Array,
      default() {
        if (this.async) {
          return {}
        }
        return []
      }
    }
  }

应该没理解错题目吧。。

如果 async属性为false的时候，传入的不是一个数组就会报错，反之亦然。。理解错题意的话就当我没说