Vue - где я должен объявить переменную элемента для использования в любом жизненном цикле или методе?

Question

Я новичок в Vue, и мне интересно, где я мог бы объявить что-то вроде:

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

в одном месте, чтобы я мог использовать его в любом жизненном цикле и / или методе в компоненте, не имея повторно объявить это в каждом месте. Частично проблема заключается в том, что иногда элементы создаются после вызова ax ios и не присутствуют сразу.

Будет ли это go in data(){return{}} или computed(){}?

Answer 1

Вы можете определить его ref следующим образом:

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

И вызвать его, используя

this.$refs.myDropDown