我有一个全局验证规则,例如:
import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';
extend('required', {
...required,
message: 'Please fill the field'
});
此规则用于整个项目中的所有 Vue 组件。但是对于一个确切的组件,我需要将消息
Please fill the field
重新定义为另一个组件。是否可以只为一个 Vue 组件更改消息?
最佳答案
您可以使用 ValidationProvider
属性为每个 custom-messages
组件指定特定的消息
<ValidationProvider rules="required" :custom-messages="{ required: 'required message' }">
<!-- ... -->
</ValidationProvider>
您可以在数据 Prop 上提取它并将其用于组件中的提供者:
<template>
<ValidationProvider rules="required" :custom-messages="customMessages">
<!-- ... -->
</ValidationProvider>
<ValidationProvider rules="required" :custom-messages="customMessages">
<!-- ... -->
</ValidationProvider>
</template>
<script>
export default {
// ....
data: () => ({
customMessages: {
required: 'custom message'
}
}),
// ...
};
</script>
关于vue.js - 如何为一个 Vue 组件重新定义 Vee Validate 错误消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62041381/