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

Question

[Александр Гамов]

Есть компонент таблиц 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, но хотелось бы потом его использоваться и в других местах.

Answer 1

[Алексей Шашенков]

$emit и v-on

Comments

[Александр Гамов]

создаю событие через this.$emit('change', this.val)
Как правильно поймать параметры в родителе ?

Пока писал коммент сам же и нашел ответ )

@change="changeCount"

changeCount (val) {
      console.log(val)
    }