Не могу разобраться с хуками жизненного цикла, помогите, пожалуйста. Есть объект Vue App в нем data с несколькими переменными и methods с рядом функций.
Я хочу сделать обработку прелоада в зависмости от наполнения document.location.search Я пропсываю в mounted условие - "Если document.location.search не пустой, то запиши его значение в переменную operator, получи данные с сервера и выполни функцию check_operator". Но в результате я получаю сообщение
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'operators')"
Получается что объект Vue создается уже после хука mounted? Но на какой хук мне тогда вешать мои функции, которые должны автоматически отработать при загрузке страницы?
Мой код:
var app = new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
operators:[],
operator:"",
},
methods:{
check_operator(operators){
operators.forEach(function(item,i,operators){
//некий код для каждого оператора, не существенно
})
}
},
mounted () {
if(document.location.search!='')
{
$.ajax({
type: 'get',
url: 'main/get_operators.php',
response: 'text',
data: {},
async:false,
success:function (data) {
this.operators=JSON.parse(data);
this.check_operator(this.operators);
}
});
this.operator=document.location.search;
}
}
Если первой строкой в mounted прописать console.log(app) то в консоли я вижу при загрузке страницы
undefined
Будто объект Vue еще не объявлен.