微客导航 » 文章资讯 » 浅谈vue获得后台数据无法显示到table上面的坑

浅谈vue获得后台数据无法显示到table上面的坑

2023-07-18 20:32:03 302

因为刚学vue然后自己自习了一下axios，然后想写一个简单的查询后台数据


{{user.id}}
{{user.name}}
{{user.gender}}

然后先是写了这样一个代码

created:function(){
axios.get("http://localhost:8080/student/findAll").then(function(response){
this.uList=response.data;
console.log(uList);
}).catch(function(reason){

})
}

然后后台可以获取到数据，但是无法显示到table上面

发现this.uList虽然改变的数据但是数据无法显示到table上面

然后发现这里的this不是外部的this对象，然后进行了更改，数据就回显了

newVue({
el:'#app',
data:{
uList:[],
},
created:function(){
vararr=this;
axios.get("http://localhost:8080/student/findAll").then(function(response){
arr.uList=response.data;
console.log(uList);
}).catch(function(reason){

})
}
}）

补充知识：vuedata有值，但是页面{{}}取不到值

我的问题出在js引入的顺序不对，导致不能正常显示vue中的值

正确的顺序应该是：

先引入vue的js--------html代码-----最后引入自己写的js

以上这篇浅谈vue获得后台数据无法显示到table上面的坑就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

浅谈vue获得后台数据无法显示到table上面的坑

热门推荐

随机推荐