Получить значение атрибута в массиве

Question

<div class="card" v-for="api in apis">
  <p>{{ api.child_name }}</p>
  <input class="form-control" id="child_name" type="text" name="name" v-model="name" ref="click">
  <button class="btn btn-danger" type="submit" @click="get">Получить</button>
</div>

<script>
   methods: {
     get(){
       alert(this.$refs.click.id);
     },
   }
</script>

Есть некий массив и поле ввода, можно ли как то в цикле получить значение id у input ? Так же возможно полей ввода будет несколько Вне массива данный код прекрасно работает...

Answer 1

Вы можете привязать v-model к свойству элемента

new Vue({
  el: "#app",
  data: {
    items: [
    	{name: 'First', value: ''},
      {name: 'Second', value: ''},
      {name: 'Third', value: ''},
    ],
    input: [],
  },
  methods: {
  	submit(){
    	console.log(this.items);
    },
  }
})

#app{
  padding: 0 0 80px 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
    <div v-for="(item, index) in items">
        <div>{{item.name}}</div>
        <input v-model="item.value" :key="index">
    </div>
    <button v-on:click="submit">Submit</button>
</div>

БЛОГ НА HUSL

Получить значение атрибута в массиве

Ответы (1 шт):