两个文本字段之间的验证，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'

Validation between two text field, vuetify