Vue中Rule的使用方式

  baseRules:{
        materialsName: [{required: true, message: "请输入物料名称", trigger: "blur"}],
        deliveryScope: [{required: true, message: "请输入物料名称", trigger: "blur"}],
        offect: [{required: true, message: "请输入用途", trigger: "blur"}],
        materialsContent: [{validator: (rule, value, callback) => {
          // rule:当前标准
	      //value:当前输入框的值 也常常是用值做判断
	      // callback:Element传入的固定回调函数,校验完成就需要执行
	      // 1,如果校验合法直接执行,没有参数
	      // 2.如果不合法,创建一个错误对象参数new Error
            if (!value) {
              callback(new Error('请选择物料内容'))
            } else {
              let result = JSON.parse(value)
                if(result && result.link) {
                  callback()
                }else {
                  callback(new Error('请选择物料内容'))
                }
            }
          }, trigger: "change"}],
      }

async addDeliveryCodeInfo() {
//效验 
    await  this.$refs['form'].validate()
    //通过后执行,不通过,不执行
    console.log('你通过了')
}