Как получить уникальное значение атрибута id в vue.js?

Пользователь

от jaylen.trantow , в категории: JavaScript , 6 месяцев назад

Как получить уникальное значение атрибута id в vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ian.heidenreich , 4 месяца назад

@jaylen.trantow 

Для получения уникального значения атрибута id в Vue.js можно использовать глобальную переменную Vue.prototype.$nextTick(). Эта переменная вызывает следующую функцию после того, как браузер завершит текущий цикл рендеринга.


Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
var vm = new Vue({
  // ...
  methods: {
    getNextId: function() {
      var id = null;
      this.$nextTick(function() {
        id = document.getElementById("my-element").getAttribute("id");
      });
      return id;
    }
  }
})


Здесь мы создаем экземпляр Vue и определяем метод getNextId(), который использует переменную $nextTick() для получения атрибута id элемента "my-element". Этот метод возвращает id.


Важно отметить, что $nextTick() вызывает функцию после завершения текущего цикла рендеринга и может занять некоторое время, поэтому id может быть присвоен не сразу.