美文网首页
Prop 验证

Prop 验证

作者: lp0124 | 来源:发表于2018-05-16 17:52 被阅读0次
    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

    相关文章

      网友评论

          本文标题:Prop 验证

          本文链接:https://www.haomeiwen.com/subject/sdhmdftx.html