Question

我一直在尝试调查默认情况下禁用表单。

<v-form ref="form" v-model="valid" lazy-validation>
 <v-select v-model="test" :items="data" :disabled="status"></v- select>
 <v-text-field v-model="name" :disabled="status"></v-text-field>
</v-form>

我看不到 v表单的任何禁用道具。因此，我只是向每个输入字段添加 disabled 道具来解决此问题。就像Angular在<fieldset>标签或 form 中添加 disable 属性看起来很简单，vuetify中是否有可用的东西？还有其他方法吗？

Answer 1

我已经仔细研究了自己，制作了自己的扩展VForm的表格，并尝试为其创建禁用指令（v-disabled =“ isDisabled”）。

不幸的是，目前没有足够的知识和时间来扩展所有相关组件和按钮，您当前正在做的是唯一的方法，否则您将直接在设置disabled时收到变异道具警告迭代器并尝试设置isDisabled将抛出“没有设置方法错误”。

Vuetify需要更新input和button组件，以便对禁用属性进行务实的更改。

必须在每个元素上设置：disabled并不是真的那么激烈，但是是的，我同意从父表单开始设置它会很好。

Vuetify-如何禁用v-form输入元素

1 个答案: