Javascript 通过axios导入Vue组件并更新内容

Javascript 通过axios导入Vue组件并更新内容,javascript,arrays,laravel,parsing,vue.js,Javascript,Arrays,Laravel,Parsing,Vue.js,我有两个文件,一个是.js,其中只有注册的vue组件,第二个是带有脚本的vue模板。我希望在单击某个元素后更新信息,即我收到的来自axios的数据,但我不知道如何将这些数据解析到数组中,我希望从数组中将数据打印到模板中 代码是 错误是:TypeError:无法设置未定义的属性“currentLog”,这是因为您的searchUser函数在vue实例之外,因此“this”不引用它。 尝试将searchUser放入方法中,您将需要使用this.searchUser调用它 编辑:您的数据定义错误,应该

我有两个文件,一个是.js,其中只有注册的vue组件,第二个是带有脚本的vue模板。我希望在单击某个元素后更新信息,即我收到的来自axios的数据,但我不知道如何将这些数据解析到数组中,我希望从数组中将数据打印到模板中

代码是


错误是:
TypeError:无法设置未定义的属性“currentLog”

,这是因为您的searchUser函数在vue实例之外,因此“this”不引用它。 尝试将searchUser放入方法中,您将需要使用this.searchUser调用它

编辑:您的数据定义错误,应该是:

data() {
        return {
            currentLog: {}
       }
}
决议:

问题出在函数searchUser中,当我通过GET从axios获取数据后将数据保存到数组中

替换“=>”的“功能”


正确的是

我试过了,但也不起作用,同样的问题。还有其他想法吗?该函数调用良好,但无法将数据保存到currentLog。当我在这个函数中写入
console.log(response.data)时数据是打印出来的,当我将其移动到方法中时,我必须在searchUser中写入什么?因为当我有
this.currentLog=response.data它什么都没做为什么我不能从方法searchUser()保存到数组中,但从created()它可以工作?