【问题标题】:vuelidate validation object pass as a propvuelidate 验证对象作为道具传递
【发布时间】:2019-01-24 16:31:28
【问题描述】:

我有一个组件,我想通过作为道具传入来设置验证对象,例如,这是我尝试过的,但它不起作用。控制台中的错误消息是“Cannot read property 'validations' of undefined”

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} 
}
}

【问题讨论】:

    标签: vue.js vuejs2 vuelidate


    【解决方案1】:

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

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

    没有this 的道具名称只能在模板部分中使用。

    【讨论】:

    • 似乎有一种方法,如果您将验证对象设置为函数,然后它将稍后执行,您可以通过将其分配给计算的来获取道具值。 vuejsdevelopers.com/2018/08/27/vue-js-form-handling-vuelidate
    • 哦,是的,我忘了更改它,我总是使用验证作为函数使用验证(){},然后我使用它......并且它工作
    猜你喜欢
    • 2021-07-12
    • 2020-01-18
    • 2015-01-16
    • 2018-02-12
    • 1970-01-01
    • 1970-01-01
    • 2017-09-14
    相关资源
    最近更新 更多