Настройка данных из Axios GET

Question

Я знаю, что есть похожие вопросы к этому, но я пробовал решения, и, кажется, ничего не работает

Мой код принимает пользовательский ввод, делает запрос на получение axios на основе этого ввода и стремится назначитьданные для массива персонала []

export default {
    data(){
        return{
            staffs: [],
            userInput:'',
            errors: '',
        }
    },
    created:function(){
        bus.$on('search-data',inputData =>{
        axios.get('http://localhost:4000/stafftest?username='+inputData)
        .then(response => {
            console.log(JSON.stringify(response.data))
            this.staffs = response.data.data
        })
        .catch(error =>{
            console.log(error)
        })
        })
    },  
}

Аналогично тому, о чем просили все остальные, запрос axios выполнен успешно, но он не назначит данные массиву

Вот комбинация вещей, которые я попробовал:

• https://codeshare.io/ammpP4 https://codeshare.io/G798xD https://codeshare.io/2Ewk1P https://codeshare.io/GqDPPk
• https://codeshare.io/GLbwwp

попытался изменить его на функцию (ответ) и т. Д. И получить переменную self = this, но, похоже, ничего из этого не работает

Я даже создал другую тестовую страницу, котораязапрашивает API покемона, и сбор данных прошел гладко, поэтому я не могу понять, почему в данном случае на этой странице не будет работать

Оцените любые идеи, чтобы исправить это

Спасибо