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

Question

我是Vue的新手，不知道在哪里可以声明以下内容：

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

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

这会进入data(){return{}}还是computed(){}？

Answer 1

您可以如下定义其ref：

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

并称之为

this.$refs.myDropDown