Javascript 无法读取属性'__isVuelidateAsyncVm';未定义的
这是我的代码,我这里有一个带有验证和“计算”按钮的表单,在所有字段都有效之前,该按钮处于禁用状态。但是由于某些原因,我得到了错误Javascript 无法读取属性'__isVuelidateAsyncVm';未定义的,javascript,vue.js,vuetify.js,vuelidate,Javascript,Vue.js,Vuetify.js,Vuelidate,这是我的代码,我这里有一个带有验证和“计算”按钮的表单,在所有字段都有效之前,该按钮处于禁用状态。但是由于某些原因,我得到了错误无法读取未定义的属性'\uu isVuelidateAsyncVm'首先是一些注释,您提供了一个沙箱,这很好,但是您的问题本身应该包含相关代码来重现该问题。如果(当)链接失效,这个问题就没有用了 执行一些调试以实际查找导致此错误的字段。通过一个接一个地删除字段,我注意到是性别字段导致了您的问题。因此,仔细查看您的自定义验证器inArray,我注意到您没有返回任何内容,这
无法读取未定义的属性'\uu isVuelidateAsyncVm'
首先是一些注释,您提供了一个沙箱,这很好,但是您的问题本身应该包含相关代码来重现该问题。如果(当)链接失效,这个问题就没有用了
执行一些调试以实际查找导致此错误的字段。通过一个接一个地删除字段,我注意到是性别字段导致了您的问题。因此,仔细查看您的自定义验证器inArray,我注意到您没有返回任何内容,这导致验证失败。将return
添加到您的inArray
:
const inArray = (value, vm) => {
// add return!
return vm.items.some(gender => value.indexOf(gender) !== -1);
};
作为提示,尝试进行一些调试以缩小问题范围,您可能已经自己解决了这个问题:)
您发行的其他相关代码:
<v-select
v-model="user.gender.value"
:items="user.gender.items"
label="Gender"
:solo="true"
:error-messages="userGenderErrors"
append-icon
></v-select>
validations: {
user: {
gender: {
value: {
required,
inArray
}
},
}
},