0
<input id="surname" v-model="name">

<script>
data(){
   name: 'some name'
}
methods:{
  getName(){
      console.log(this.name)
  }
}
</script>

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

1 ответ 1

5

Вы можете к вашему input добавить атрибут ref, и в скрипте производить нужные манипуляции, пример ниже:

var app = new Vue({
  el: '#app',
  data: {
    message: ''
  },
  methods:{
    getNameId(){
        console.log(this.$refs.textName.id);
    }
  }
})
<htmL>
  <body>
    <div id="app">
       <input id="surname" ref="textName" v-model="message">
       <button @click="getNameId">test</button>
     </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"> 
    </script>
  </body>
</html>

2
  • подскажите, почему в модальном окне не получается получить значение id ? 10 апр 2020 в 14:30
  • А модалка у вас является другим компонентом? Или в рамках одного? 10 апр 2020 в 20:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.