解决|解决 Vue props 校验依赖问题
实现某组件传入 prop 需要校验，该校验依赖于传入的其他 props：
【解决|解决 Vue props 校验依赖问题】方案如下：
class Validator {
constructor(min, max) {
this.min = min
this.max = max
}validator(val) {
return val <= this.max && (this.max - this.min) % val === 0
}
}const validator = new Validator()export default {
name: 'Home',
props: {
min: {
default: 0,
validator: val => {
validator.min = val
return typeof val === 'number'
}
},
max: {
default: 100,
validator: val => {
validator.max = val
return typeof val === 'number'
}
},
step: {
type: Number,
default: 1,
validator: val => validator.validator(val)
}
}
}
推荐阅读
- parallels|parallels desktop 解决网络初始化失败问题
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- SpringBoot调用公共模块的自定义注解失效的解决
- 解决SpringBoot引用别的模块无法注入的问题
- Spark|Spark 数据倾斜及其解决方案
- 解决SyntaxError:|解决SyntaxError: invalid syntax
- VueX--VUE核心插件