Как получить id у input элемента в vue.js?

Пользователь

от francisco.friesen , в категории: JavaScript , 8 месяцев назад

Как получить id у input элемента в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от maya , 8 месяцев назад

@francisco.friesen 

В Vue.js можно получить id у input элемента, используя ref атрибут и метод $refs, который предоставляет доступ к элементам, ссылаясь на их ref.


Шаги:

  1. Добавьте ref атрибут к input элементу и присвойте ему некоторое уникальное имя:
1


  1. В методе Vue.js можно получить доступ к этому элементу, используя $refs и имя, указанное в ref атрибуте:
1
2
3
4
5
6
7
methods: {
  getInputElementId() {
    const inputElement = this.$refs.myInput;
    const inputElementId = inputElement.id;
    console.log(inputElementId);
  }
}


  1. Теперь вы можете вызвать getInputElementId метод из вашего кода vue.js, чтобы получить id элемента input.
1
Get Input Element Id


В итоге, при клике на кнопку, будет выведен id элемента input в консоль.