Я использую 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}"
});
Тогда у меня есть template
:
<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
опору. Источник https://logaretm.github.io/vee-validate/guide/rules.html#rules