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 凌歆阅读(50) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· vue作用域插槽-cnblog

· Vue（三）（Vue-cli）-cnblog

· 11：vue3 组件传递数据 Props（父传子）

· vue2 父子组件传值及修改

· vue - Prop 传参

公告

昵称：凌歆
园龄： 2年1个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

vue的Prop父子传值完整校验

公告

搜索

常用链接

我的标签

随笔分类 (68)

随笔档案 (142)

阅读排行榜

	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;
	}
	},
	},
	}
	};