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

脚本

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