Vuetify 表单重置功能报错

【问题标题】：Vuetify form reset function gives an errorVuetify 表单重置功能报错
【发布时间】：2021-11-02 02:48:45
【问题描述】：

我想重置 vuetify 表单，但是当我调用重置函数时，它给了我一个错误 -> 类型“{}”上不存在属性“重置”如何使用 composition-api 重置表单

【问题讨论】：

你能把它发布为代码吗？另外，ESLint 给你一个错误，是什么？
请勿发布代码、数据、错误消息等的图像 - 将文本复制或输入到问题中。请保留将图像用于图表或演示渲染错误，无法通过文本准确描述的事情。
请提供足够的代码，以便其他人更好地理解或重现问题。

标签： vue.js nuxt.js vuetify.js vue-composition-api

【解决方案1】：

我不太清楚这是否是您的意思，但如果您想重置 Vuetify 表单：

“我要重置 vuetify 表单”

应该这样做：this.$refs.form.reset()

v-form 组件具有三个功能，可以通过在组件上设置 ref 来访问它们。 ref 允许我们访问组件的内部方法，例如，<v-form ref="form">。 this.$refs.form.validate() 将验证所有输入并返回它们是否都有效。 this.$refs.form.reset() 将清除所有输入并重置其验证错误。 this.$refs.form.resetValidation() 只会重置输入验证，不会改变它们的状态。

文档： here

【讨论】：