如何在 vuetify 中禁用表单？

Question

我认为这是最明显的能力：

如何v-form在 vuetify 中禁用？所有输入和按钮都在里面v-form或v-card

我正在签入文档，但看不到任何参考资料。

Answer 1

更新 1： 由于2.3.0 版v-form有disabled属性，它设置为true禁用所有子输入。

<template>
 <v-form :disabled="isDisabled">
  <v-input ... />
 </v-form>
</template>

<script>
 export default {
  data: () => ({
   isDisabled: false
  });
 }
</script>

他们还没有实现禁用 `v-form` 的所有子级的功能。您应该为每个控件将 `disabled` 属性绑定到 `false`。

:disabled="true"

例如：

<v-text-field
  v-model="firstname"
  :disabled="true"
  :rules="nameRules"
  :counter="10"
  label="First name"
  required
></v-text-field>

Github 上此功能请求的链接：

[Feature Request] disable prop for v-form 禁用所有子输入元素