Событие вкладки триггера при совпадении длины ввода - PullRequest
Новая
       22

Событие вкладки триггера при совпадении длины ввода

1 голос
/ 11 мая 2019

У меня есть определенное требование, когда мне нужно вызвать событие табуляции после соответствия этим критериям. Поэтому, когда значение входной длины совпадает с заданной, мне нужно вызвать событие табуляции, чтобы я мог переместить фокус на следующий фокусируемый элемент. 

<template>
  <input type="text" v-model="username" @input="handleInput">
</template>

<script>
export default {
  data() {
    return {
      username: null
    };
  },
  methods: {
    handleInput(e) {
      const value = e.target.value;
      if (value && value.length >= 5) {
        // I would like to trigger tab event here
      }
    }
  }
};
</script>

1 Ответ

0 голосов
/ 11 мая 2019

Хорошо, это можно сделать с помощью Vue ref и javascript. Допустим, у вас есть другой элемент ввода, мы можем использовать Vue ref для доступа к самому элементу dom, 

<div id="app">
    <input type="text" v-model="username" @input="handleInput">
    <input type="text" ref="input2" />
</div>

На стороне js выможно использовать focus метод элемента, 

if (value && value.length >= 5) {
  this.$refs["input2"].focus();
}
...