Как выделить содержимое input через функцию?

Question

[chelkaz]

Добрые день, у меня в цикле выводятся инпуты.

<input
v-bind::class="IfCountUP(quantity, max_quantity)"
:id="'QID_'+id" type="text"
min="1"
v-bind:max="max_quantity"
v-bind:value="quantity">

Как выделить значение value по условию?
Если quantity > max_quantity
Возможно в функцию IfCountUP передать THIS этого элемента? Ведь $event.target туда не передать, так как события нет.

Answer 1

[0xD34F]

Неиспользование v-model чем-то мотивировано? - сейчас всё выглядит так, будто вы на ровном месте сами себе палки в колёса ставите. Всё же элементарно, например.

Comments

[chelkaz]

Так я не то имею ввиду. Отдать класс по условию не сложно. А вот как применить js например кое где мне нужно выделить значение инпута по клику, я это делаю так v-on:click="$event.target.select()"
Но как мне без клика это сделать? По условию в функции например секции "methods"

[0xD34F]

chelkaz, а-а-а, в этом смысле выделить. Ставьте ref на элемент и можете вызывать select откуда нужно.

[chelkaz]

0xD34F, Так вот я ставлю ref, но у меня же цикл через:
v-for="item in orders"
А в цикле инпут. Не могу понять как в данном случае использовать ref

[0xD34F]

chelkaz, ну, откройте ссылку из ответа ещё раз - дополнил немного.

[chelkaz]

0xD34F, ) Я же говорю, что через клик я могу и это не сложно. Можно и v-on:click="$event.target.select()"

Но как сделать выделение по условию? Например при загрузке страницы, если значение value в инпуте больше 100 то выделить его. Как это возможно?

[0xD34F]

Мда-а-а-а... То есть, дёрнуть тот же код, но не в обработчике клика, а в mounted - не сообразили? Далеко пойдёте. Смотрите ещё раз - сделал выделение при загрузке (чтобы сработало, страница должна изначально быть в фокусе, чему iframe песочницы мешает - так что лучше скопировать код к себе и открыть локально).

UPD. Закинул на codesandbox - он позволяет дать прямую ссылку на демо, так что нет необходимости ничего копировать и открывать локально: демо, код.