Как в vue обратиться к определенному dom-элементу?

Question

r_g_b_a @r_g_b_a

Vue.js

Как в vue обратиться к определенному dom-элементу?

Здравствуйте.
Есть такой код на js https://jsfiddle.net/2rpbqza0/ Суть в чем: есть массив с номерами. Для каждого номера создается элемент. И есть кнопка, после нажатия на которую элементы в порядке возрастания меняют цвет.
В данном примере при создании элемента я добавляю ему id со значением массива, по которому впосле могу к нему обратиться.
Как то же самое сделать на vue, работая с данными, а не с dom напрямую? https://jsfiddle.net/jg5u6f74/

Вопрос задан более трёх лет назад
659 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2020-04-20 18:10:02

.active {
  background: red;
}

data: () => ({
  val: -Infinity,
  ...
}),
methods: {
  onClick() {
    this.val = Math.min(...this.arr.filter(n => n > this.val));
  },
  ...
},

<div v-for="n in arr" :class="{ active: n <= val }">{{ n }}</div>
<button @click="onClick">click me</button>

Как в vue обратиться к определенному dom-элементу?

Войдите на сайт