Vue.js 如何知道规则是否在vuetify'；s v文本字段？

如何知道vuetify中的“规则”是否失败？我有一个文本字段

<v-text-field label="Friendly URL" :rules="[rules.friendlyUrl]" v-model="friendlyUrl"></v-text-field>

我想“观察”一些东西，看看我的规则是否失败了。这样我就可以禁用提交按钮，直到所有规则都通过

---

如果您知道如何为多个文本字段设置此选项，则可获得额外积分。

Vuetify将为您提供此选项，如果您使用它们的文本字段

---

其中，

valid

是一个布尔数据属性。您可以使用它切换按钮、设置类等。

这一切都是Vuetify提供的。啊，我明白了，我需要把它包装成v形！大量的搜索，我找不到这个：-（.请随意将其添加为正式答案，我会将其标记为已接受！非常感谢！！我已经搜索了大约2天！！！钢笔示例似乎不再有效。@如果感谢，我将其删除。我想我最初回答时粘贴了错误的链接。如果有多个输入，该怎么办？在这种情况下不会起作用案例

data () {
  return {
    rules:{
      friendlyUrl(value){
        console.log('validating value');
        if (/^[a-z0-9\-]*$/.test(value)){
          return true;
        }
        return 'only lowercase letters, numbers and dashes are allowed'
      }
    }
  }

<v-form v-model="valid">
  <v-text-field label="Friendly URL" :rules="[rules.friendlyUrl]" v-model="friendlyUrl"></v-text-field>
</v-form>