props传值强校验validator

父组件给子组件通常通过props传值，如果需要做一些强校验则可以使用validator

如父组件传入一个propType参数，规定只能传入’text’, 'number’或者’letter’其中一种就可以这么写：

props: {propType: {type: String,default:  'text',validator() {return ['text', 'number','letter'].indexOf(propType) > -1}}
}

又或者你想传入一个参数，但是想限制它的长度，那你也可以使用validator进行强校验

props: {lintLength: {type: Array,default: () => [],validator() {return lintLength.length < 6}}
}

props传值强校验validator相关推荐

vue打印props的值_vue props 传值
一.子组件需要做的子组件要显式地用 props 选项声明它期待获得的数据 props:[data] 然后在组件内使用data 二.父组件需要做的这个时候需要区分静态传值和静态传值静态在父组件使 ...
vue打印props的值_vue中props传值方法
vue中props传值方法 1.开发环境 vue 2.电脑系统 windows10专业版 3.在使用 vue开发的过程中,我们经常会使用 props进行组件的传值,下面是我的分享,希望对你有所帮助! ...
java身份证格式强校验
身份证格式强校验 import java.util.HashSet; import java.util.Set; import java.util.regex.Pattern;import org.a ...
js 强校验弱校验_还在手写表单校验逻辑？试试spring validation吧
Java识堂,一个高原创,高收藏,有干货的微信公众号,欢迎关注前言数据的校验是交互式网站一个不可或缺的功能,前端的js校验可以涵盖大部分的校验职责,如用户名唯一性,生日格式,邮箱格式校验等等常用的 ...
spring mvc后端校验validator
springmvc中我们使用hibernate的校验框架validation: pom: <validator.version>5.2.4.Final</validator.vers ...
vue引入id3_Vue页面间传值，客户端数据存储，以及父子组件间props传值
初学Vue,遇到了页面传值的问题,大概网上学习了解了一下,在此跟大家分享一下学习心得,欢迎批评指正. 一.参数传值如果是简单的页面传值,比如传一个id到详情页等等,推荐使用参数传值. 这里页面是通过 ...
vue props 传值触发事件方法
先父页传值到子页用watch 监听show的值改变,触发方法 <dialog :show='showData' v-on:listen='handData'></dialog> ...
工作339:pc父组件通过props传值给子组件，如何避免子组件改变props的属性值报错问题
</el-form><div><select-account :data1.sync= ...
postmapping注解参数说明_从零搭建后端框架：优雅的参数校验Validator
前两天项目群里发生了关于参数校验的问题讨论,很多开发团队没有对这些做硬性规范时,还是有很多童鞋本着"不多事"的原则,产品文档里没有特别说明就不写.对于2B的产品经理来说,因为一次新 ...
springboot统一校验validator实现
2019独角兽企业重金招聘Python工程师标准>>> 第一步: pom.xml需引入spring-boot-start-web依赖,其中包含validator框架包 <!-- ...

props传值强校验validator

props传值强校验validator相关推荐

最新文章

热门文章