vue props对象validator自定义函数实例

validator自定义函数实例props:{//基础的类型检查(`null`匹配任何类型)propA:Number,//多个可能的类

validator自定义函数实例

props: {
 // 基础的类型检查 (`null` 匹配任何类型)
 propA: Number,
 // 多个可能的类型
 propB: [String, Number],
 // 必填的字符串
 propC: {
 type: String,
 required: true
 },
 // 带有默认值的数字
 propD: {
 type: Number,
 default: 100
 },
 // 带有默认值的对象
 propE: {
 type: Object,
 // 对象或数组且一定会从一个工厂函数返回默认值
 default: function () {
 return { message: 'hello' }
 }
 },
 // 自定义验证函数
 propF: {
 type: String,
 validator: function (t) {
 // 这个值必须匹配下列字符串中的一个
 return t === 'fade' || t === 'slide'
 },
 defalut:'slide'
 }

以上这篇vue props对象validator自定义函数实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。