VUE Props验证器如何设置默认值，如果不通过验证器

发布于 2025-02-06 11:59:56 字数 253 浏览 3 评论 0原文

是否有一种方法可以将默认值设置为使用验证器，如果当前道具不通过验证器，我想将值设置为1，如果该值小于3，这里是一个景象。

currentStep: {
      type      : Number,
      required  : true,
      validator : (value) => {
        return value <= 3;
      },
      default   : 1
}

原文

Is there a way to set a default value to a prop with validator if the current prop dont pass the validator, i want to set the value to 1 if it is less than 3, here a exemple.

currentStep: {
      type      : Number,
      required  : true,
      validator : (value) => {
        return value <= 3;
      },
      default   : 1
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小镇女孩 2025-02-13 11:59:56

验证器方法始终返回布尔值，它不用于返回任何其他值，您可以根据道具使用计算的属性并验证它：

props:{
   currentStep: {
      type      : Number,
      required  : true,
      default   : 1
 },
},
computed:{
  step(){
      return this.currentStep<=3 ? 1 : this.currentStep
  }
}

The validator method always returns a boolean value, it's not used to return any other value, you could use a computed property based on the prop and validate it :

props:{
   currentStep: {
      type      : Number,
      required  : true,
      default   : 1
 },
},
computed:{
  step(){
      return this.currentStep<=3 ? 1 : this.currentStep
  }
}

回复收藏 0 原文

~没有更多了~