vue的Prop父子传值完整校验

  • Prop节点接受父组件传值的校验
export default {
  props: {
    arr: {
      type: Array,
      required: true,
      // 自定义校验规则
      validator(value) {
        // value就是接到数组
        if (value.length >= 2 && value.length <= 5) {
          return true; // 符合条件就return true
        } else {
          console.error("数据源必须在2-5项");
          return false;
        }
      },
    },
  }
};
posted @ 2023-02-04 15:20  凌歆  阅读(54)  评论(0)    收藏  举报