浅谈vue获得后台数据无法显示到table上面的坑
因为刚学vue然后自己自习了一下axios，然后想写一个简单的查询后台数据
<tr v-for=" user in uList">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.gender}}</td>
</td>
</tr>
然后先是写了这样一个代码
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对象，然后进行了更改，数据就回显了
new Vue({
el:'#app',
data:{
uList:[],
},
created: function () {
var arr = this;
axios.get("http://localhost:8080/student/findAll").then(function (response) {
arr.uList = response.data;
console.log(uList);
}).catch(function (reason) {
})
}
}）
补充知识：vue data有值，但是页面{{}} 取不到值
我的问题出在js引入的顺序不对，导致不能正常显示vue中的值
正确的顺序应该是：
先引入vue的js--------html代码-----最后引入自己写的js
以上这篇浅谈vue获得后台数据无法显示到table上面的坑就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍浅谈Vue数据绑定的原理，包括了浅谈Vue数据绑定的原理的使用技巧和注意事项，需要的朋友参考一下 本文介绍了Vue数据绑定的原理，分享给大家，具体如下： 原理 其实原理很简单，就是拦截了Object的get/set方法，在对数据进行set (obj.aget=18) 时去重现渲染视图 实现方式有两种 方式1 定义了同名的get/set就相当于定义了age 为了让test不显示多余的变
-
本文向大家介绍浅谈AjaxPro.dll,asp.net 前台js调用后台方法，包括了浅谈AjaxPro.dll,asp.net 前台js调用后台方法的使用技巧和注意事项，需要的朋友参考一下 1、什么是Ajax Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写。"Ajax"这个名词的发明人是Jesse James Garrett
-
我正在写一个程序，用Android系统发送短信。单击“发送”按钮后，我想获得消息的状态，如“已发送”、“已送达”。这部分很好用。问题是，我想得到一个电话号码，信息被发送到该号码，并传送到内部广播。这是必要的，因为SMS可以同时发送给多个用户。我该怎么做？我试着把“不”放在意图上，并把它放进广播接收机，但它不起作用。以下是示例代码： 和一个广播接收器： 仅供参考，第一个代码在通过不同电话号码的循环中
-
本文向大家介绍浅谈vue的iview列表table render函数设置DOM属性值的方法，包括了浅谈vue的iview列表table render函数设置DOM属性值的方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 找了好多，终于找到了原因，如果想要让列表返回的是一个img标签，并且设置img的src，这里不能用props，而是要用domProps就ok了。 以上这篇浅谈vue的ivi
-
嗨，我需要同时显示xml和json数据。我可以通过JaxB在本地看到这一点，但在服务器上看不到相同的代码。当我把它部署到服务器时，我得到了这个错误。我不知道如何解决这个错误。无法解决这一点，尝试了很多但没有发生，在本地一切都很好，但当涉及到服务器它显示不同的异常。 错误500:org.springframework.web.util.NestedServletException：请求处理失败；嵌套
-
本文向大家介绍浅谈 Vue 项目优化的方法，包括了浅谈 Vue 项目优化的方法的使用技巧和注意事项，需要的朋友参考一下 好久不写博文了，本文作为我使用半年 vue 框架的经验小结，随便谈谈，且本文只适用于 vue-cli 初始化的项目或依赖于 webpack 打包的项目。 前几天看到大家说 vue 项目越大越难优化，带来很多痛苦，这是避免不了的，问题终究要解决，框架的性能是没有问题的，各大测试网站