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

我的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>

---

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

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

validateFirstTextField:v=>v>this.first | |'不能小于first'

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