如何在vuetify中禁用表单？

Question

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

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

中

我在documentation中签到，但是看不到任何参考。

Answer 1

他们还没有实现禁用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 that disables all child input elements

Answer 2

您可以使用JS道具来禁用表单，方法是在您的

上使用以下代码

已安装

。 在您安装的设备上：

select * 
from tablename 
WHERE column_name @> '{"ids":[1,2,3]}'