Как подписаться на появление блока во Vue/ чистом js?

Question

[danilr]

Есть метод, который при нажатии на кнопку меняет контент. И есть другой метод, который вызывается в первом методе и взаимодействует с блоком с определённым id. Проблема в том, что блоки почему-то не успевают отрисоваться, поэтому скрипт не находит нужный div и возникает ошибка.
Вопрос в том, как подписаться на отрисовку нужного дива во Vue и чистом js?

Comments

[OVK2015]

https://developer.mozilla.org/ru/docs/Web/API/Muta...

Answer 1

[Alex]

https://developer.mozilla.org/ru/docs/Web/API/Muta...
Или, если есть возможность, внутри компонента вызывать событие
https://developer.mozilla.org/en-US/docs/Web/API/C...

Answer 2

[Ярослав Сербин]

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

<div id="app">
  {{message}}
  <button @click="changeText">Изменить текст</button>

  <div v-if="changed">Текст изменился</div>
</div>

new Vue({
  el: "#app",
  data: {
    message: 'Hello world',
    changed: false
  },
  watch: {
    message: function() {
    	 this.changed = true;
    }
  },
  methods: {
    changeText: function(){
    	this.message = "Привет мир";
    }
  }
})

Comments

[danilr]

как в вотсче следить за div??

[Ярослав Сербин]

Добавить ему model (он же id)