相关疑难解决方法(0)

我无法在v-dialog中重置vuetify验证.

这个codepen是我所拥有的简化版本.
https://codepen.io/yuukive/pen/BVqpEZ

有了上面的代码,如果我这样做

(打开对话框 - >按SAVE按钮 - >(验证失败) - >按CLOSE按钮 - >再次打开对话框),

当我再次打开对话框时,它已经过验证...

是否可以在用户第二次打开验证之前重置验证？

(JS)

new Vue({
  el: '#app',
  data: () => ({
    dialog: false,
    emailRules: [v => !!v || 'Name is required']
  }),
  methods: {
    onSave() {
      if (!this.$refs.form.validate()) return
      dialog = false
    }
  }
})

(模板)

<div id="app">
  <v-app id="inspire">
    <v-layout row justify-center>
      <v-dialog v-model="dialog" persistent max-width="500px">
        <v-btn slot="activator" color="primary" dark>Open Dialog</v-btn>
        <v-card>
          <v-card-title>
            <span class="headline">Email</span>
          </v-card-title>
          <v-form ref="form">
            <v-card-text>
              <v-container grid-list-md>
                <v-layout wrap>
                  <v-flex xs12>
                    <v-text-field …