验证对象通​​过作为道具

时间:2019-01-24 16:31:29

标签: vue.js vuejs2 vuelidate

我有一个组件,希望通过作为道具传入来设置验证对象,例如,这是我尝试过的并且不起作用。控制台中的错误消息是“无法读取未定义的属性'validations'”

export default {
props:{        
    validations: {type:Object, default: {}}                  
},
data(){
    return {

}
},
methods:{


},        
validations: {    
     myObject: [...validations]
}     
}

我传递的验证对象如下:

myValidations:{
item1: {required},
item2: {required}   
}

但是我不知道这是否可能或我做错了什么。 我正在寻找的预期结果是:

//other code as above
validations: {    
myObject: {
    item1: {required},
    item2: {required} 
}
}

1 个答案:

答案 0 :(得分:0)

您需要在组件的脚本部分内使用this

validations: {    
  myObject: [...this.validations]
}

不带this的道具名称只能在模板部分内使用。