Vue的子组件props设置多个校验类型

最新推荐文章于 2023-03-17 15:18:31 发布

小火车况且况且

最新推荐文章于 2023-03-17 15:18:31 发布

阅读量328

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43972992/article/details/129416654

版权

Vue 专栏收录该内容

78 篇文章 3 订阅

订阅专栏

`Vue`的子组件`props`设置多个校验值

1. `type`使用 `|` 进行隔开

props: {
    iconClass: {
      type: String | null,
      required: true,
      default: ""
    }
},

2. 使用数组

props: {
  iconClass: [String , null]
},

3. 使用`validator`校验函数


props: {
	iconClass: {
	    validator: (value)=> {
	      const getResult = Object.prototype.toString.call(value)
	      if(getResult === "[object Null]" || getResult === "[object String]") return true;
	    },
	    required: true,
	    default: ""
  },
}