title: Vuetify Form Validation Rule Method Scope
body: <p>Is there any way I can access the component's scope from inside a form validation method? (this.min, this.max)</p>
  
  <p>I have some complex validations that depend on other component data.  Is accessing data from inside the rules' methods the correct way to do this? If not, can someone please recommend a better way? Thanks!</p>
  
  <pre><code>&lt;template&gt;
      &lt;v-form ref="form" v-model="valid"&gt;
          &lt;v-text-field
              v-model="age"
              :rules="[myRules.age]"
              label="Label"
              required
          &gt;
          &lt;/v-text-field&gt;
          &lt;v-btn
              color="primary"
              :disabled="!valid"
              @click="submit"
          &gt;
          submit
          &lt;/v-btn&gt;
          &lt;v-btn 
              @click="clear"
          &gt;
          clear
          &lt;/v-btn&gt;
      &lt;/v-form&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      data(){
          return{
              min: 21,
              max: 65,
              valid: true,
              myRules: {
                  age: (value) =&gt; {
                      return this.min &lt; value &lt; this.max
                  }
              }
          }  
      },
      methods:{
          clear() {
              this.$refs.form.reset()
          }
      }
  &lt;/script&gt;
  </code></pre>