vue——prop传递数据校验

问题

　　在使用prop进行组件间数据参数传递时，有时必须传递指定值才能进行数据匹配处理，所以要求传如的数据必须符合需求。

解决方法

　　使用   validator  进行校验即可

使用示例

props: {
    showType: {
      type: String,
      default: "drag",
    },
    testData:{
      type:String,
      default:"click",
      validator:value=>['click','hover'].indexOf(value)>-1
    }
  },

　　

当使用testData传输数据时，使用   'click' , 'hover'  以外的参数时将会报错提示