vue.js - 消息中未打印导入规则的参数 (min_value) - Vee-Validate/Vuetify

Question

我正在将 Vuetify 与 Vee-Validate 结合使用。我在我的组件中导入 vee-validate 和规则:

import { ValidationProvider, extend } from 'vee-validate';
import { min_value } from 'vee-validate/dist/rules';

extend('min_value', {
    ...min_value,
    message: "Must be higher than {length}"
});

然后我的模板中有以下内容:

<ValidationProvider :rules="`min_value:${obj.min[selectedUnit]}`" v-slot="{ errors }">
    <v-text-field 
        v-model="obj.value[selectedUnit]"
        :label="key"
        ref="key"
        :min="obj.min[selectedUnit]"
        :max="obj.max[selectedUnit]"
        :error-messages="errors"
        :suffix="selectedUnit"
        outlined
        required
        type="number"
    ></v-text-field>
</ValidationProvider>

规则有效，但 {length} 参数未转换为数字。

最后，在文档中它说 min_value 是推断的。但是当我不提供 rules Prop 时它根本不起作用。来源https://logaretm.github.io/vee-validate/guide/rules.html#rules

Answer 1

找到问题了!

该参数称为 min 并且可以在文档中找到..

extend('min_value', {
    ...min_value,
    message: "Must be higher than {min}"
});