笔记:第一次独立完成项目中接口调用及简单组件的使用

1.

首先查看了接口文档后,先在.js的文件里写入接口url

调用接口的方法

很简单的一个任务,由于粗心,我花了两个小时

作死1.

刷新页面之后发现已经成功拿到数据,并且数据的属性名也没有输错,

但是页面却渲染不出来,

纠结半天,发现,本次拿来的数据是在data.page.list,而赋值的时候掉了一个page,所以数据渲染不出来

作死2.

渲染完数据后,发现分页的组件又失效了,经过多次实验以及多次参考项目里其他代码,终于发现是因为没有给分页的各项属性赋值,赋完值后还是没有显示,这个时候想起来了打印一下这个数据,发现里面有数据,可是页面上却显示不出来分页组件。折腾半天后发现了,

在发起数据请求的时候,没有给listtotal赋值。。。。。

终于一切都顺利完成后,感觉事情结束了,问题又来了,点击分页里的第二页第三页,没反应。。。。。哭了

于是又开始找找找,后来想到了,是不是可以给这个分页加一个方法,点击一次就向后台发起一次请求,获取对应页数的数据(ps:其实是参考了项目里已经写好的代码才想到的)于是就在上面加了个获取数据的方法,果然成功了

本来以为,真的真的结束了的时候,发现,选完客户之后,页面不显示你刚刚选的那个客户的名字

 啊!!!!!!!!!

这次想到了从那个输入框入手,直接定义一个变量,然后渲染到文本框里面去,最后在选客户的时候,调用一个方法,方法里把获取到的客户的名字赋值给之前定义的变量,然后再关闭组件

终于。。。耗费两个多小时。。。。做完了这么一个别人能几分钟解决的任务

细心细心细心!!!!!

你可能感兴趣的:(笔记:第一次独立完成项目中接口调用及简单组件的使用)