javascript - 动态创建的输入。无法使用 $refs 那么如何获取例如重点？

Question

我已经为一个版本动态创建了输入(包含元素的列表，每个元素都有自己的 ID)。仅当触发特定元素的编辑时，它们才会出现 v-if 。因此，我无法使用 $refs 因为 Vue 在 refs 中看不到它。

如何解决？我真的不想为此添加 jQuery，也不想每次当我需要类似的东西时都必须使用普通 JS。

Answer 1

通常，我们有例如编辑前的一个 span ，并且会在其上使用 v-show 而不是 v-if 因为我们在编辑后仍然需要它，并且每个 input 与其相应的 span 相结合，因此像 event.target.nextSibling.focus() 这样的东西就可以完成这项工作。

与 $refs 相比，我更喜欢 event.target...，因为声明 $refs 会增加组件结构的复杂性，而其他的只是仅与点击事件相关的内容。