Как получить THIS элемента в цикле и передать в функцию?

Question

[chelkaz]

<template v-for="(item, i) in orders">
     <input v-bind:max="item.max" v-bind:value="item.quantity"/>
</template>

methods: {
// как применить эту функцию к инпуту без кликов, именно в цикле, что бы получать в ней THIS.
     quantity: function(max, quantity) {
// тут мне нужно как то получить THIS инпута
}
 //
}

Каким образом при отрисовке компонента получить THIS этого инпута и передать в methods?

Comments

[shmatuan]

Или через ref или так:

<template v-for="(item, i) in orders">
     <input :max="item.max" :value="item.quantity" @change="quantity($event)" />
</template>

methods: {
     quantity: function(e) {
        // использовать через e.target
    }
}

p.s. если нужно получить значение, то использовать v-model

[chelkaz]

shmatuan, Через change или click это понятно. А как без действий? Просто в цикле мне нужно проверять, если quantity > max, то получить this этого элемента и уже дальше работать с ним.

[Ihor Bratukh]

chelkaz, через ref

[shmatuan]

chelkaz, Без действий - переделать под <input :max="item.max" v-model="item.quantity"> и использовать

watch: {
    orders: {
      handler: function (val, oldVal) {
        console.log('order changed') // отлавливает изменение везде, не только через инпут
      },
      deep: true
    }
  },

Answer 1

[0xD34F]

Вместо того, чтобы внятно объяснить, что именно вам нужно, решили продублировать вопрос? Ну-ну. Могу повторить то, что сказал вам в прошлый раз: ставите ref на инпут, обходите полученный массив.

UPD. Вынесено из комментариев:

Не используя ref.

Можно сделать директиву. Ссылка на элемент приходит в хуки первым параметром, а чтобы добраться до методов нужен экземпляр компонента - доступен как свойство context третьего параметра. Например.

Comments

[chelkaz]

Ваш пример мне ясен, но мне интересно, возможно другим путем получить this элемента? Например через :class? Не используя ref. При событии это делается легко с $event.target, а без событий просто не получить target (this элемента) ?

[0xD34F]

получить this элемента

Нет никакого "this элемента". Просто - элемент. Кстати, исправили бы вопрос, а то формулировка реально безграмотная.

Например через :class?

Это безумие, иначе и не скажешь.

Не используя ref.

Ответ дополнил.