两个文本字段之间的验证，vuetify

Question

我的 vuetify 应用程序中有两个文本字段，我希望第一个文本字段上的值必须小于第二个文本字段。第二个文本字段的值必须大于第一个。

例如，当用户在第二个文本字段中选择一个小于第一个文本字段的值时，将收到一条消息“值不能小于”

这是我想要的：

我的代码在这里：

第一个文本字段

 <v-text-field
 v-model="first"
label="First text field"
readonly
v-bind="attrs"
:rules="validateTextField"
v-on="on"
 ></v-text-field>

第二个文本字段

 <v-text-field
 v-model="second"
label="Secondtext field"
readonly
v-bind="attrs"
:rules="validateTextField"
v-on="on"
 ></v-text-field>

脚本

validateTextField: [v=>  || 'value cannot be less'],

Answer 1

尝试像这样修改你的脚本，将规则分开：

validateFirstTextField: v=> v<this.second|| 'Cannot be more than second',
validateSecondTextField: v=> v>this.first || 'Cannot be less than first'