vue js 和 jquery DOM 操作

Question

我想知道是否有人可以给我建议，当我需要直接访问 DOM 元素，同时我也在使用 VUE.JS 时，如何处理这种情况。

我使用 Semantic-UI 框架（dead Semantic UI 的分支）。创建一个元素需要花费 100 毫秒（？）的时间，因此 DOM 元素不能立即访问。我需要对其调用 Semantic 方法。目前我使用 setTimeout 100-200ms，但我认为这不是一个正确的方法。

（这不是“挂载”的问题！！！这是反应响应的“问题”）

例如我加载一个新数据。基于加载的数据，VUE 创建一个新的 DIV（语义手风琴），然后我需要通过调用该 DIV 上的方法来激活它。如果我立即执行此操作，DIV 仍然不存在。

有什么想法如何正确处理它？

Answer 1

1. 使用 MutationObserver 并观察 DOM 元素何时指示手风琴 DOM 创建结束。
2. 使用用户与手风琴的第一次交互，并在该事件处理程序中执行所有绑定。