Trigger

  • Type: string
  • Default: ''
  • Usage:

    // trigger: validate-name.event
    // trigger: event
    // trigger: data.change
    // trigger: data.prototype
    // triggerArr: join with ';'
    <validate-form>
      <!-- trigger when blur -->
      <input type="text" validate-name="input" trigger="blur"/>
    
      <!-- trigger when the validate-name="input" blur -->
      <input type="text" v-model="abc" v-validate trigger="$input.blur"/>
    
      <!-- trigger when the data abc change -->
      <input type="text" v-validate trigger="$$abc.change"/>
    
      <!-- trigger when the data arr.length change -->
      <input type="text" v-validate trigger="$$arr.length"/>
    
      <!-- trigger when the validate-name="input" blur && the data abc change -->
      <input type="text" v-validate trigger="$$abc.change;blur"/>
    </validate-form>
    
    data() {
      return {
          abc: '1',
          arr: [],
      };
    };
    
  • Detail:

    event: blur | focus | input | keyup | keydown | keycode(default code = 13 enter) | keycode=\d prototype: length

    dom must be input textarea or contenteditable=true.

    event: change

    dom must has attribute with v-model.

    $validateName begin with $ is a validate-name. $$data begin with $$ is a data.

results matching ""

    No results matching ""