今天在改实习项目,主要进度: ①修复分页功能 问题:点击 第几页 的时候,除了默认第一页会展示数据,其余2之后的页面均无法展示数据。 解决过程: 经过验证,以下改变分页的方法,传入的是改变了的页码,调用getBills获取接口数据,得到的是正确的数据,即比如页码是第二页,一页10条,那么返回的是第11到20的数据。
但是,问题是,在下面计算属性这里处理返回显示到页面的数据时,传入的数据被再次被处理了。即原来从接口调回的第10到20条数据,在这里又要slice(10,20),超出了返回数据的长度,因此返回空数据。
结论:不需要计算属性再次处理数据
②完成输入框搜索和单选按钮选择搜索功能
问题1: 之前写的搜索逻辑只适用“专网标识”数字的搜索 修复:增加逻辑,判断输入框输入的内容是否包含".",不包含则为标识搜索,包含则为日期搜索
问题2: 只能实现点击一次搜索,第二次点击搜索没有数据 推测:第二次搜索的数据不是基于原始数据,而是基于第一次搜索的结果。也就是第一次搜索改变了数据数组。 解决方法:在Vuex里备份一份数据用来搜索过滤,而不是过滤原始数据。
惊喜收获commit传参,之前传对象,还把对象拆开一个个传{a:'1',b:'2'},现在发现居然可以直接传。。。
引入vuex数据
调用this.$store.state.bill.billInfo
这里推荐看chrome的vue devtools里的vue里的vuex,完美!
问题3:el-table表格的自定义表头