vue.js - 如何在 vuetify 中禁用表单？

Question

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

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

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

标签： vue.jsvuetify.js

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 上此功能请求的链接：

[功能请求] disable prop for v-form 禁用所有子输入元素