Как подвязаться к динамическому свойству из другого компонента?

Есть компонент таблиц vuetifyjs в котором вывожу свой компонент number-input
Таблица:
<v-data-table
                :items="items"
              >
                <template slot="items" scope="props">
                  <td>{{ props.item.name }}</td>
                  <td  class="text-xs-right">{{ props.item.price }} р.</td>
                  <td  class="text-xs-right">
                    <number-input 
                      :val="props.item.count"
                      :min="1"
                      :max="props.item.stock"
                    />
                  </td>
                  <td  class="text-xs-right">{{ props.item.stock }} {{ props.item.unit }} </td>
                  <td  class="text-xs-center"><remove-btn :id='props.item.id' /></td>
                </template>
              </v-data-table>

Содержимое input-number
<template>
  <div class="input-number_wrapper">
    <span class="input-number-decrement" @click="decrement()">–</span>
    <input class="input-number" type="text" v-model="val" min="min" max="max">
    <span class="input-number-increment" @click="increment()">+</span>
  </div>
</template>

export default {
  data () {
    return {
    }
  },
  props: ['val','min','max'],
  methods: {
    decrement () {
      if ((this.val - 1) < this.min) {
        return;
      }
      this.val -= 1
    },
    increment () {
      if ((this.val + 1) > this.max) {
        return;
      }
      this.val += 1
    }
  }
}


Как правильно из родительского компонента отслеживать изменения в инпуте ?
С данными работаю с помощью vuex. Можно конечно в компонент инпута еще передавать id элемента и там уже изменять в store, но хотелось бы потом его использоваться и в других местах.
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
teknik2008
@teknik2008
Расскажите про GOLANG. Мне интересно
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы