如何重置Vuetify表单，但仍保持选中v-select？

Question

我有一个简单的vuetifyjs表单，其中包含2个v-text-fields和1个v-select，v-select是一个值的下拉列表，必须使用其中之一来选择它。

提交表单后，我通过调用this.$refs.myForm.reset()清除表单。它确实清除了我的表单，但同时也清除了v-select并使其不被选择为任何值。

v-select有一个v-model="selectedMenuId"，我尝试在表单重置后手动设置selectedMenuId的值，但是它不起作用。

那么，如何清除文本字段，但仍使v-select保持选中状态？谢谢。

编辑： 多亏了下面的回答，我应该提到我试图将两个文本字段v-model vars设置为空字符串，但是这样做会触发我的表单验证，因此字段确实变为空，但它们也为红色且出现错误消息说他们是必需的。因此，有没有一种方法可以在不触发验证的情况下做到这一点？

Answer 1

您可以手动将两个文本字段的v-model变量设置为空字符串，而不用调用this.$refs.myForm.reset()。这样，文本字段将为空，但选择列表不会更改。

Answer 2

手动将变量设置为空字符串，然后在ref表单上调用resetValidaion()以重置验证状态。