vue.js - 从 Axios GET 设置数据
问题描述
我知道有类似的问题,但我已经尝试了解决方案,但似乎没有任何效果
我的代码接受用户输入,根据该输入发出 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 的测试页面,并且数据分配顺利进行,这让我很困惑为什么在这种情况下在这个特定页面上它不起作用
感谢任何解决此问题的想法
谢谢
解决方案
推荐阅读
- android - 如何使用远程消息启动 android 应用程序?
- regex - 如何用引号将所有单元格括起来?
- r - 使用 dplyr 仅过滤唯一值列表中的一个
- angular - 有没有办法让同一组件上的不同指令调用在它们之间进行通信?
- r - 更改ggboxplot中点的SIZE和ALPHA?(右)
- webpack - 使用 webpack 时未加载 scss 文件
- java - 在 VSCode 中使用 jar 文件中的类
- python - Plotly:如何控制双 y 轴前面的轨迹?
- javascript - 如何从对象数组中选择所有特定的键值
- resources - Adobe Acrobat Pro 在 OCR 期间未使用所有资源 - 这正常吗?