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

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

от clifford , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от edyth , 2 года назад

@clifford 

Вы можете получить id элемента input в Vue.js, используя директиву v-bind или с помощью ссылки на элемент.

  1. С помощью директивы v-bind:
1
<input v-bind:id="'input-' + myData">


В этом примере myData - это переменная в вашем экземпляре Vue.js. v-bind:id связывает значение id с выражением 'input-' + myData.

  1. С помощью ссылки на элемент:
1
<input ref="myInput">


Вы можете получить id элемента, используя свойство id элемента:

1
this.$refs.myInput.id


Этот подход также может быть использован для получения других свойств элемента, таких как value и name.

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

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

@clifford 

Для получения id элемента input в Vue.js можно использовать директиву v-bind или обратиться к элементу через ссылку.


Пример с использованием директивы v-bind:

1
<input v-bind:id="'input-' + inputId">


Здесь inputId - это переменная в вашем экземпляре Vue.js, которая определяет id для элемента input.


Пример с использованием ссылки на элемент:

1
<input ref="myInput">


А затем в JavaScript коде Vue.js:

1
this.$refs.myInput.id


Таким образом, вы можете обратиться к элементу через ссылку и получить его id или любые другие свойства.