发表于: 2020-06-09 23:27:12
1 2363
今天
哦豁,一打开直接非数字了。有意思的是刷新一次就有了。。
看了下代码,判断逻辑写反了,直接优化了一下昨天的代码逻辑,
接下来可以在这个ifpage函数里面把其他搜索项也添加进去。
昨天遗留的问题是搜索按钮出现问题,请求报错:
若是什么都不选依然处于报错状态,看显示是坏请求?试了一下使用日期进行请求是没问题的。打印请求看了下是时间默认为undefined,给一个空串解决,但是现在有一个新的问题,就是页码的关联,在搜索请求时应该把页码关联设置为1,而不是根据url参数。若没有改为默认会导致数据没加载出来。
所以在申请搜索参数时需要重置一下请求的page页。
尝试直接把clear()方法写进去,直接重置所有参数,但是报错,看了下,如果点击,重置掉所有参数,那么我请求参数也被重置了,相当于未请求。。
所以只能重置部分参数。不能直接清除所有。且需要把url参数一起重置。
出了个问题,点击搜索时,根据搜索条件展现的数据,total 没有第一时间跟着变化。检查了下是我把调用数据的data给删了。。
在搜索按钮的方法里把这条注释了,忘记双向绑定的total。。
尝试记录搜索框状态没问题,新的问题是在改变page之后url也变成page
想来是需要在分页器的换页码函数添加一个判断,若url的其他参数非空,则添加到后面,那么新的问题来了。如何添加多个url参数?
尝试了下逗号,没报错,也就是可以实现的。
随着这个关联url参数越来越臃肿,尝试把他写为一个方法调用:
结果是可以的。
那么接下来是关于储存步骤,尝试了几次都是在url显示的NAN或者false,导致报错或是不显示数据。
修改了下,让双向绑定直接绑定数据,然后读取url参数时不进行number的转换,
接口文档的这两个类型或许误导了我,转换为number反而没有显示,或者说该数值本身已经是number了是我多此一举去转换。
直接使用获取的url值就可以使刷新后的下拉框保持选中的数据,同时也不会出现其中一个为NaN的情况而导致刷新不出数据。
接下来把日期一起绑定了就算完事。
记录日期到url上刷新时读取尝试了几个小时都是失败,记录日期倒是简单,和之前一样,
当参数变更生效的时候,将把该日期记录到url路径上,显然是成功的没什么难度。
但是一旦刷新,直接报错,数据读取失败,若是不读取数据也是报错状态。因为直接传请求参数给URL,
鼓捣半天想着怎么在初次执行获取数据的函数里打印数据,都直接报错没有打印数据,才想起直接在初始化函数里直接打印请求参数就好了。。
对比原本的
打印出来的结果是因为传入的日期url参数是一个字符串,不是数字,所以报错。。
那么转换为数字就好
转换之后,虽然变成数字形式,但是依旧是一个报错的状态。。且显示getTime非函数,搜了谷歌,没找到答案,问下师兄说是该参数非时间对象。有点没搞懂。
那就在代码中找一下使用这个函数的地方。。结果是console.log里面出现的问题。。尴尬,半天没检查到,还一位数一位数的去数了下请求参数的时间,看着没啥毛病。这里面出问题主要是因为获取的url值是个字符串,首先得转换为 数字,且不需要转换。。
教训就是下次知道了什么函数出现问题直接搜索哪个函数,看下参数有什么问题。低级错误。且这个错误及其浪费时间。
那么任务8就算圆满结束了,这个任务主要是对于URL传参,获取URL参数,保证刷新时停留在该页面,转换数值类型等各项应用。主要时间花在研究日历框和路由传参上面,虽然发生很多低级错误,以及耗费不少时间,但是收获算是比较大的,虽然禁用日期暂时被我给逃避了,等任务完成的差不多再回来研究如何禁用完重置。
接下来是任务9,
按照惯例,先拆分需求:
按照动图演示,首先是在新增页面添加一个上传组件,同样使用ZORRO里面自带的上传组件应该就可以了。根据任务详解的说法,应该是要自己写一个input进行上传,来深入了解一下上传的方法,对于上传原理的理解。还得自己写,不能用zorro的组件。
里面的各个要求:上传按钮按一次后作废,点击上传上传到服务器,显示上传进度,显示文件大小,点击删除图片。
粗略看下学习资料:大部分是input type="file"的自带属性,需要在js文件设置一下,
尝试写了个input框,跳出了文件选择,自动显示了文件名称。但是具体如何把各个属性关联到列表框暂时不清楚。留待明天解决。
明天
学习任务9的必要知识。看起来比任务8应该不会太难。
评论