最近完成了为期10天的项目冲刺,我负责的是较为简单的前台功能。但是万事开头难,冲刺第一天,完全不知道该干嘛,第一个页面一天的任务量硬是写了3天还数据展示不对,每次要刷新才能能显示出来。
第一个冲刺完了收获颇多,比如学会了怎么跟后端调接口调试数据,element ui怎么使用,路由跳转也在本次冲刺得到了练习。当然,大多数问题都是在使用elementUI遇到的,下面将进行一些总结。
1.我负责的有个功能是导出el-table数据成表格。但是不知为何每次导出都是两份,后台通过网上搜索才发现问题所在
导出两份的原因: 我使用了el-table的fixed属性来让某一列固定,但elementui的实现方式是:创建了两个tabledom,通过一个隐藏一个显示来实现交互效果。当我导出整个el-table 就会将两个div内的table都导出,导致数据重复。
2.引用了message组件之后每次页面刷新的时候会自动d出一个通知消息,而且都是没有任何内容,直接d出,一个一个的排查也不知道问题出在哪儿
该情况只在引入局部插件才会引起。通过加载组件的方式引入即可把下面的
Vue.use(Message)改为:Vue.component(Message.name, Message)
3. 对通过接口获取的数组进行foreach,在里面进行 *** 作,数据显示不对。
foreach是按下标来,比如说循环到012然后你把2删了,本来要3但是3没有了,3那个位置变成2了就没了。解决:通过foreach筛选出想要的数据,创建一个新的数组接收筛选出来的对象,重新展示。
4.通过路由切换页面,数据要刷新页面才显示。
不用全局事件总线传输数据(可能是我哪里没用对),直接在当前要 *** 作的路由界面调用接口。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)