Vue-在哪里声明在任何生命周期或方法中使用的元素变量？

Question

我是Vue的新手，想知道在哪里声明类似的内容：

const qualityDropdown = document.getElementById("qualityDropdown");

在一个地方，因此我可以在组件的任何生命周期和/或方法中使用它，而不必在每个地方重新声明它。问题的部分原因是有时元素是在axios调用之后创建的，并且不会立即出现。

该输入data(){return{}}或computed(){}吗？

Answer 1

您可以如下定义其ref：

<select ref="myDropDown" id="qualityDropdown"></select>

并使用]调用它>

this.$refs.myDropDown