Javascript 将函数放入Vue方法中时不工作
我有一个函数,该函数用于从/users获取用户列表,该列表通过springboot从我的数据库加载Javascript 将函数放入Vue方法中时不工作,javascript,spring-boot,vue.js,Javascript,Spring Boot,Vue.js,我有一个函数,该函数用于从/users获取用户列表,该列表通过springboot从我的数据库加载 created() { api.getUsers().then(response => { console.log(response) this.retrievedUser = response.data; this.showRetrievedUser = true
created() {
api.getUsers().then(response => {
console.log(response)
this.retrievedUser = response.data;
this.showRetrievedUser = true
})
}
上面的代码获取所有数据并在表中显示,但是如果我将其放入方法{}中,它将不起作用
methods: {
created() {
api.getUsers().then(response => {
console.log(response)
this.retrievedUser = response.data;
this.showRetrievedUser = true
})
}
}
}
究竟是什么原因?我已经看过了其他与我所做的非常类似的示例,它们在方法字段中调用函数。那么created()
是Vue的生命周期方法,所以我想它是保留的,请尝试重命名您的方法,即:
方法:{
fetchUsers(){}
}
那么created()
是Vue的生命周期方法,因此我想它是保留的,请尝试重命名您的方法,即:
方法:{
fetchUsers(){}
}
created()
是将在组件创建过程中调用的生命周期事件。有关vue生命周期的更多信息,请访问
方法是组件属性,我们可以在其中添加用户定义的方法或任何单击事件方法
在您的情况下,您可以如下更新您的逻辑
created() {
this.getData();
}
methods: {
getData: function() {
// you can also pass parameters as getData: function(param1, param2)
api.getUsers().then(response => {
console.log(response)
this.retrievedUser = response.data;
this.showRetrievedUser = true
});
}
}
created()
是将在组件创建过程中调用的生命周期事件。有关vue生命周期的更多信息,请访问
方法是组件属性,我们可以在其中添加用户定义的方法或任何单击事件方法
在您的情况下,您可以如下更新您的逻辑
created() {
this.getData();
}
methods: {
getData: function() {
// you can also pass parameters as getData: function(param1, param2)
api.getUsers().then(response => {
console.log(response)
this.retrievedUser = response.data;
this.showRetrievedUser = true
});
}
}
发生了什么错误?发生了什么错误?这很有效,非常感谢链接。我现在明白发生了什么。我们在这里,你总是帮助你。很高兴您找到了解决方案@KrystianKanThat,非常感谢链接。我现在明白发生了什么。我们在这里,你总是帮助你。很高兴你找到了解决方案@KrystianKan