Prop 验证
2018-05-16 本文已影响0人
lp0124
function Custom () {}
Vue.component('my-component', {
props: {
A: {
type: Custom, // 基础的类型检查,也可以是自定义的构造函数,通过 instanceof 进行检查确认
required: true, // 是否必填
default: '字符串' // 默认值,对象或数组必须通过函数return返回默认值
},
// 简写
B: Number,
C: [String, Number], // 判断多个可能的类型
// 自定义验证函数
D: {
validator: function (value) {
// 这个值必须匹配下列字符串中的一个
return ['success', 'warning', 'danger'].indexOf(value) !== -1
}
}
}
})
提供的基础类型检查:
String、Number、Boolean、Function、Object、Array、Symbol