浅谈vue获得后台数据无法显示到table上面的坑
作者:顾南与歌 发布时间:2024-05-13 09:07:16
标签: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
来源:https://blog.csdn.net/qq_40421610/article/details/83587591


猜你喜欢
- 刚开始接触Python,首先要解决的就是Python开发环境的搭建。目前比较好用的Python开发工具是PyCharm,他有社区办和专业版两
- 1、pyecharts绘制时间轮播柱形图from random import randintfrom pyecharts import op
- 前言golang实现定时任务很简单,只须要简单几步代码即可以完成,最近在做了几个定时任务,想研究一下它内部是怎么实现的,所以将源码过了一遍,
- MNIST数据集介绍MNIST数据集中包含了各种各样的手写数字图片,数据集的官网是:http://yann.lecun.com/exdb/m
- 之前用pymysql连接数据库的方法太繁杂了,用django自带的orm进行数据库的创建修改。1、首先在终端打开数据库mysql -u ro
- 一、什么是幻读在一次事务里面,多次查询之后,结果集的个数不一致的情况叫做幻读。而多出来或者少的哪一行被叫做 幻行二、为什么要解决幻读在高并发
- 目录jiaba库的使用1、jieba库的安装2、统计荷塘月色词频总结jiaba库的使用jieba库是一款优秀的 Python 第三方中文分词
- 目录Flyway简介Flyway中的迁移(migrations)模式Flyway历史记录表flyway_history_schemaSpri
- 因为编写了一个Python程序,密集的操作了一个Mysql库,之前数据量不大时,没发现很慢,后来越来越慢,以为只是数据量大了的原因,但是后来
- 只能输入中文/** * 22.验证汉字 * 表达式 ^[\u4e00-\u9fa5]{0,}$ * 描述 只能汉字 * 匹配的例子 清清月儿
- 1.说明redis作为一个缓存数据库,在各方面都有很大作用,Python支持操作redis,如果你使用Django,有一个专为Django搭
- 目录func Containsfunc HasPrefixfunc HasSuffixfunc Replacefunc Splitfunc
- 开始现在要加速学习了,大佬们有没有内推,给个推荐会vue2/vue3 + ts断言非空断言非空断言就是确定这个变量不是null或者undef
- 农历新年将至,支付宝红包打了一仗,微信在朋友圈屏蔽了它的分享,但单防守还不行,进攻才是最好的防守。昨日,微信支付现金红包接口正式开放,只需开
- 本文实例讲述了Python实现获取系统临时目录及临时文件的方法。分享给大家供大家参考,具体如下:在开发应用程序的过程中,会有一些临时的信息,
- 实验名称:网络聊天室功能:i. 掌握利用Socket进行编程的技术ii. 掌握多线程技术,保证双方可以同时发送iii. 建立聊天工具iv.
- 前言本文给大家介绍的是关于在vue单页应用中使用jquery的相关内容,主要记录一个今天用到的vue-cli建立的应用中引入jquery的方
- pytest官方文档fixtures调用既然fixtures是给执行测试做准备工作的,那么pytest如何知道哪些测试函数 或者 fixtu
- 一、pytorch finetuning 自己的图片进行训练这种读取图片的方式用的是torch自带的 ImageFolder,读取的文件夹必
- Linux服务器有CentOS、Fedora等,都预先安装了Python,版本从2.4到2.5不等,而Windows类型的服务器也多数安装了