javascript - 提交后刷新对话框及其内容

Question

我正在使用v-dialog向数据库添加一些内容。这些字段通过:rules以下方式进行验证：

模板：

<v-text-field label="Title" v-model="title" prepend-icon="folder" :rules="inputRules"></v-text-field>
...

脚本：

inputRules: [
    v => (v && v.length >= 1) || "Kindly enter a value for this field"
  ],

但在提交表单并再次重新打开后，inputRules 仍在验证：

如何再次刷新表单内容或对话框？

标签： javascriptvue.jsvuetify.js

Answer 1

使用refs属性分配整个表单引用。然后在提交表格后清除内容

this.$refs.resetValidation()