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

上一篇下一篇

猜你喜欢

热点阅读