vue.js - 从 Axios GET 设置数据

Question

我知道有类似的问题，但我已经尝试了解决方案，但似乎没有任何效果

我的代码接受用户输入，根据该输入发出 axios get 请求，并旨在将数据分配给数组 staffs[]

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

尝试将其更改为函数（响应）等并具有 var self=this，但似乎都不起作用

我什至设置了另一个查询 pokemon API 的测试页面，并且数据分配顺利进行，这让我很困惑为什么在这种情况下在这个特定页面上它不起作用

感谢任何解决此问题的想法

谢谢